- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="description" content="description">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- title here -->
- <title>Soyon</title>
- <!-- favicon here -->
- <link rel="icon" href="img/favicon.png" type="image/png" sizes="16x16">
- <!-- all CSS here -->
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/fontawesome-all.min.css">
- <link rel="stylesheet" href="css/font-face.css">
- <link rel="stylesheet" href="css/main.css">
- <link rel="stylesheet" href="css/responsive.css">
- <!-- Global site tag (gtag.js) - Google Analytics -->
- <script async src="https://www.googletagmanager.com/gtag/js?id=UA-115647047-1"></script>
- <script>
- window.dataLayer = window.dataLayer || [];
- function gtag() {
- dataLayer.push(arguments);
- }
- gtag('js', new Date());
- gtag('config', 'UA-115647047-1');
- </script>
- </head>
- <body>
- <!--[if IE]>
- <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
- <![endif]-->
- <!-- Add your site or application content here -->
- <!-- header area start -->
- <header class="header main-header-freeze">
- <div class="container-fluid">
- <div class="row">
- <div class="col-6">
- <div class="logo">
- <a href="#"><img src="img/logo.png" alt="soyon logo"></a>
- </div>
- </div>
- <div class="col-6">
- <div class="menu-trigger">
- <span></span>
- </div>
- </div>
- </div>
- </div>
- </header>
- <div class="ofcanvas-menu">
- <span class="menu-close"><i class="fal fa-times"></i></span>
- <div class="row no-gutters">
- <div class="col-md-6 menu-left">
- <div class="row w-100 no-gutters">
- <div id="home-menu" class="col-md-12 d-none d-md-block active">
- <div class="menu-left">
- <img src="img/logo-alt.svg" alt="">
- </div>
- </div>
- <div id="about-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt">
- <img src="img/logo-alt-2.png" alt="logo">
- <div class="menu-left-content">
- <p>We are an <br> Asia-pacific brand creation <br> and design agency.</p>
- <span>what we do</span>
- </div>
- </div>
- </div>
- <div id="99-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt menu-left-bg menu-bg-ninety-nine">
- <!-- <img src="img/99/menu-bg.jpg" alt="logo" > -->
- <div class="menu-left-content">
- <p>Fire traditional <br> petrol station branding!</p>
- <div class="section-content-wrapper">
- <p class="m-0">case study</p>
- <p class="m-0 industry">Industry: <span><a href="#">design</a></span></p>
- </div>
- </div>
- </div>
- </div>
- <div id="hash-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt menu-left-bg menu-bg-hash">
- <!-- <img src="img/99/menu-bg.jpg" alt="logo" > -->
- <div class="menu-left-content">
- <p>Get the gold!</p>
- <div class="section-content-wrapper">
- <p class="m-0">case study</p>
- <p class="m-0 industry">Industry: <span><a href="#">Events</a></span></p>
- </div>
- </div>
- </div>
- </div>
- <div id="gamuda-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt menu-left-bg menu-bg-gamuda">
- <!-- <img src="img/99/menu-bg.jpg" alt="logo" > -->
- <div class="menu-left-content">
- <p>Key visuals: A picture <br> with something to say.</p>
- <div class="section-content-wrapper">
- <p class="m-0">case study</p>
- <p class="m-0 industry">Industry: <span><a href="#">real estate</a></span></p>
- </div>
- </div>
- </div>
- </div>
- <div id="bond-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt menu-left-bg menu-bg-bond">
- <!-- <img src="img/99/menu-bg.jpg" alt="logo" > -->
- <div class="menu-left-content">
- <p>A name as big as <br> the names behind it.</p>
- <div class="section-content-wrapper">
- <p class="m-0">case study</p>
- <p class="m-0 industry">Industry: <span><a href="#">brokerage</a></span></p>
- </div>
- </div>
- </div>
- </div>
- <div id="baristo-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt menu-left-bg menu-bg-baristo">
- <!-- <img src="img/99/menu-bg.jpg" alt="logo" > -->
- <div class="menu-left-content">
- <p>Creating a branding solution <br> for Vietnam’s newest café.</p>
- <div class="section-content-wrapper">
- <p class="m-0">case study</p>
- <p class="m-0 industry">Industry: <span><a href="#">hospitality</a></span></p>
- </div>
- </div>
- </div>
- </div>
- <div id="contact-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt">
- <img src="img/logo-alt-2.png" alt="logo">
- <div class="menu-left-content">
- <p>We have offices in <br> Australia and Vietnam. </p>
- <span>get in touch</span>
- </div>
- </div>
- </div>
- <div id="lumi-menu" class="col-md-12 d-none">
- <div class="menu-left menu-left-alt menu-left-bg menu-bg-lumi">
- <!-- <img src="img/99/menu-bg.jpg" alt="logo" > -->
- <div class="menu-left-content">
- <p>Fire traditional <br> petrol station branding!</p>
- <div class="section-content-wrapper">
- <p class="m-0">case study</p>
- <p class="m-0 industry">Industry: <span><a href="#">real estate</a></span></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-6">
- <nav class="ofcanvas-menu-items text-center">
- <ul>
- <li data-target="#home-menu" class="active"><a href="#">back to home</a></li>
- <li data-target="#about-menu"><a href="#aboutpage">about</a></li>
- <li data-target="#contact-menu" id="contact-menu"><a href="#contactpage">contact</a></li>
- <li data-target="#bond-menu"><a href="#bondpage">bond</a></li>
- <li data-target="#baristo-menu"><a href="#baristopage">baristo</a></li>
- <li data-target="#lumi-menu"><a href="#lumipage">lumi</a></li>
- <li data-target="#99-menu"><a href="#99page">99</a></li>
- <li data-target="#gamuda-menu"><a href="#gamudapage">gamuda</a></li>
- <li data-target="#hash-menu"><a href="#hashpage">hash</a></li>
- <li><a href="#contact"><i class="fas fa-caret-down"></i></span></a></li>
- </ul>
- </nav>
- </div>
- </div>
- </div>
- <!-- header area end -->
- <!-- about area start -->
- <div class="parent-wrapper">
- <section id="about" class="about section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>about</h1>
- <p>what we do</p>
- </div>
- <a href="#aboutpage" class="icon-group toggle-page">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </a>
- </div>
- </section>
- <section id="aboutpage" class="inner-page" style="display: none;">
- <section id="about" class="about section-bg pb-5 d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <p class="intro">We are an Asia-pacific brand <br> creation and design agency.</p>
- </div>
- </section>
- <section class="special section-bg">
- <div class="container-fluid">
- <div class="special-content">
- <h2 class="section-title">our speciality</h2>
- <p class="section-intro">Our work spans different fields and mediums, but all shares a common goal: to create something meaningful. <br> This is something we take great pride in. Collaborating
- closely, we analyse
- and
- understand our client’s challenges, <br> and create solutions that are both effective and memorable — carefully calibrating every minute <br> detail of every minute aspect of our execution.
- </p>
- </div>
- </div>
- </section>
- <section class="about-options">
- <div class="container-fluid">
- <div class="row">
- <div class="col"></div>
- <div class="col-xl-6 col-lg-7 d-flex justify-content-start">
- <div class="single-option active">
- <div class="option-heading">
- <div class="heading-wrap">
- <span class="option-cat">identity</span>
- <h3 class="option-title"><span>branding</span><br>create personality</h3>
- <span class="option-icon"><i class="fas fa-caret-right"></i></span>
- </div>
- <p>Hand-crafted brand identities shaped <br> to achieve strategic goals.</p>
- </div>
- <div class="option-content">
- <ul>
- <li><a href="#">Brand architecture</a></li>
- <li><a href="#">Brand positioning</a></li>
- <li><a href="#">Brand story creation</a></li>
- <li><a href="#">Nomenclature strategy</a></li>
- <li><a href="#">Touchpoint mapping</a></li>
- <li><a href="#">Brand research consulting</a></li>
- <li><a href="#">Brand auditing</a></li>
- <li><a href="#">Brand guidelines</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="col"></div>
- </div>
- <div class="row">
- <div class="col"></div>
- <div class="col-xl-7 col-lg-8 d-flex justify-content-end">
- <div class="single-option active" id="about-option-communication">
- <div class="option-heading">
- <div class="heading-wrap">
- <span class="option-cat">message</span>
- <h3 class="option-title"><span>communication</span><br>make connections</h3>
- <span class="option-icon"><i class="fas fa-caret-right"></i></span>
- </div>
- <p>Purposeful, impactful messaging <br> targeted to specific audiences.</p>
- </div>
- <div class="option-content">
- <ul>
- <li><a href="#">Art direction</a></li>
- <li><a href="#">Copywriting</a></li>
- <li><a href="#">Graphic design</a></li>
- <li><a href="#">Digital design</a></li>
- <li><a href="#">Signage design</a></li>
- <li><a href="#">Content planning</a></li>
- <li><a href="#">Print management</a></li>
- <li><a href="#">Photography production</a></li>
- <li><a href="#">Videography production</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="col"></div>
- </div>
- <div class="row">
- <div class="col"></div>
- <div class="col-xl-6 col-lg-7 d-flex justify-content-start">
- <div class="single-option active">
- <div class="option-heading">
- <div class="heading-wrap">
- <span class="option-cat">vision</span>
- <h3 class="option-title"><span>visualisation</span><br>showcase the future</h3>
- <span class="option-icon"><i class="fas fa-caret-right"></i></span>
- </div>
- <p>Upcoming creations visualised with evocative <br> CGI renderings.</p>
- </div>
- <div class="option-content">
- <ul>
- <li><a href="#">CGI</a></li>
- <li><a href="#">CG animations</a></li>
- <li><a href="#">360° renders</a></li>
- </ul>
- </div>
- </div>
- </div>
- <div class="col"></div>
- </div>
- </div>
- </section>
- <section class="clients">
- <div class="container-fluid">
- <h2 class="section-title">our clients</h2>
- <p class="section-intro">Our favourite clients are the ones who love to innovate and push boundaries. People who are <br> driven by their passion, and who aspire to inspire their customers and
- their
- employees. We love <br> clients who challenge us to do more, applying our skills to new circumstances and novel environments. <br> Below are a few of the past clients and projects we enjoyed
- the most.
- </p>
- <div class="row align-items-center">
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-1.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-2.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-3.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-4.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-5.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-6.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-7.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-8.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-9.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-10.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-11.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-12.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-13.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-14.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-15.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-16.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-17.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-18.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-19.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-20.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-21.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-22.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-23.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-24.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-25.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-26.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-27.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-28.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-29.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-30.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-31.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-32.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-33 col-4">
- <div class="client-img">
- <img src="img/about/logo-3.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-34.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-35.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-36.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-37.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-38.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-39.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-40.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-41.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-42.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-43.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-44.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-45.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-46.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-47.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-48.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-49.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-50.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-51.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-52.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-53.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- <div class="col-lg-2 col-md-3 col-4">
- <div class="client-img">
- <img src="img/about/logo-54.png" alt="client logo" class="img-fluid">
- </div>
- </div>
- </div>
- </div>
- </section>
- </section>
- </div>
- <!-- about area end -->
- <!-- contact area start -->
- <div class="parent-wrapper">
- <section id="contact" class="contact section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>contact</h1>
- <p>get in touch</p>
- </div>
- <!-- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div> -->
- <a href="#contactpage" class="icon-group toggle-page">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </a>
- </div>
- </section>
- <section id="contactpage" class="inner-page" style="display: none;">
- <section id="contact" class="contact section-bg pb-5 d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <p class="intro">We have offices in <br> Australia and Vietnam. </p>
- </div>
- </section>
- <section class="location">
- <div class="map">
- <img src="img/contact/map.png" alt="map" class="img-fluid">
- </div>
- <div class="office-location">
- <div class="container">
- <div class="row">
- <div class="col-sm-6 d-flex mb-5 mb-md-0 justify-content-md-center">
- <div id="australia">
- <h3 class="section-title-2">Australia</h3>
- <p>Level 54/111 Eagle Street <br>
- Brisbane CBD <br>
- Brisbane <br>
- Australia <br>
- P. : +61 418 505 978 <br>
- </p>
- </div>
- </div> <!-- col end -->
- <div class="col-sm-6 d-flex justify-content-md-center">
- <div id="vietnam">
- <h3 class="section-title-2">Vietnam</h3>
- <p>166/34H Thich Quang Duc Street <br>
- Phu Nhuan District <br>
- Ho Chi Minh City <br>
- Vietnam <br>
- P. +84 28 6682 4206 <br>
- </p>
- </div>
- </div> <!-- col end -->
- </div> <!-- row end -->
- </div> <!-- container end -->
- </div>
- </section>
- <section class="contact-form">
- <div class="container">
- <h3 class="section-title-2">Send us mail</h3>
- <form id="contact_form">
- <div class="row">
- <div class="col-md-6">
- <input id="name" type="text" class="form-input" placeholder="Name">
- </div>
- <div class="col-md-6">
- <input id="email" type="text" class="form-input" placeholder="Email">
- </div>
- <div class="col-12">
- <input type="text" class="form-input" placeholder="Phone">
- </div>
- <div class="col-12">
- <textarea id="message" class="form-msg" placeholder="Message"></textarea>
- </div>
- <div class="col-12 text-center">
- <button class="button form-btn">Send</button>
- <div class="response"></div>
- </div>
- </div>
- </form>
- </div>
- </section>
- <section class="social text-center">
- <div class="container">
- <h3 class="section-title-2">Follow us</h3>
- <ul class="social-btn">
- <li><a href="https://www.linkedin.com/company/soyon-agency/" target="_blank">in</a></li>
- <li><a href="https://www.facebook.com/SoyonAgency/" target="_blank">f</a></li>
- </ul>
- </div>
- </section>
- </section>
- </div>
- <!-- contact area end -->
- <!-- bond area start -->
- <a href="bond.html">
- <section id="bond" class="bond bg-overlay section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>bond</h1>
- <p>case study</p>
- <p class="industry">Industry: <span>Brokerage</span></p>
- </div>
- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div>
- </div>
- </section>
- </a>
- <!-- bond area end -->
- <!-- baristo area start -->
- <a href="baristo.html">
- <section id="baristo" class="baristo section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>baristo</h1>
- <p>case study</p>
- <p class="industry">Industry: <span>hostpitality</span></p>
- </div>
- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div>
- </div>
- </section>
- </a>
- <!-- baristo area end -->
- <!-- lumi area start -->
- <a href="lumi.html">
- <section id="lumi" class="lumi bg-overlay section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>lumi</h1>
- <p>case study</p>
- <p class="industry">Industry: <span>hostpitality</span></p>
- </div>
- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div>
- </div>
- </section>
- </a>
- <!-- lumi area end -->
- <!-- 99 area start -->
- <a href="99.html">
- <section id="ninety-nine" class="ninety-nine section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>99</h1>
- <p>case study</p>
- <p class="industry">Industry: <span>petroleum</span></p>
- </div>
- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div>
- </div>
- </section>
- </a>
- <!-- 99 area end -->
- <!-- gamuda area start -->
- <a href="gamuda.html">
- <section id="gamuda" class="gamuda bg-overlay section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>gamuda</h1>
- <p>case study</p>
- <p class="industry">Industry: <span>real estate</span></p>
- </div>
- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div>
- </div>
- </section>
- </a>
- <!-- gamuda area end -->
- <!-- hash area start -->
- <a href="hash.html">
- <section id="hash" class="hash bg-overlay section-bg section-height d-flex justify-content-center align-items-center">
- <div class="section-content-wrapper">
- <div class="section-content-hover">
- <h1>hash</h1>
- <p>case study</p>
- <p class="industry">Industry: <span>events</span></p>
- </div>
- <div class="icon-group">
- <i class="far fa-angle-up to-top"></i>
- <i class="far fa-angle-down to-bottom"></i>
- </div>
- </div>
- </section>
- </a>
- <!-- hash area end -->
- <!-- jQuery JS -->
- <script src="js/vendor/modernizr-3.8.0.min.js"></script>
- <script src="js/vendor/jquery-3.4.1.min.js"></script>
- <!-- bootstrap JS -->
- <script src="js/popper.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <!-- slick JS -->
- <!-- main JS -->
- <script src="js/about.js"></script>
- <script src="js/contact.js"></script>
- <script src="js/bond.js"></script>
- <script src="js/baristo.js"></script>
- <script src="js/lumi.js"></script>
- <script src="js/99.js"></script>
- <script src="js/gamuda.js"></script>
- <script src="js/hash.js"></script>
- <script src="js/main.js"></script>
- <script>
- "use strict";
- $(window).scroll(function () {
- if ($(window).scrollTop() == $(document).height() - $(window).height()) {
- $("body").append(about + contact + bond + baristo + lumi + ninety + gamuda + hash);
- }
- });
- </script>
- </body>
- </html>
[text] Soyon Home
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Editor
You can edit this paste and save as new: