1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390 |
- <!DOCTYPE html>
- <!--[if lt IE 7 ]><html class="ie ie6" l ang="en"> <![endif]-->
- <!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
- <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
- <!--[if (gte IE 9)|!(IE)]><!-->
- <html lang="en">
- <!--<![endif]-->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta name="description" content="Buildify">
- <meta name="author" content="Marketify">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>Buildify | Homepage</title>
- <!-- STYLES -->
- <link rel="stylesheet" type="text/css" href="css/fontello.css" />
- <link rel="stylesheet" type="text/css" href="css/skeleton.css" />
- <link rel="stylesheet" type="text/css" href="css/plugins.css" />
- <link rel="stylesheet" type="text/css" href="css/base.css" />
- <link rel="stylesheet" type="text/css" href="css/style.css" />
- <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i"
- rel="stylesheet">
- <!--[if lt IE 9]> <script type="text/javascript" src="js/modernizr.custom.js"></script> <![endif]-->
- <!-- /STYLES -->
- <script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
- crossorigin="anonymous"></script>
- </head>
- <body>
- <!-- MAIN BACKGROUND -->
- <div class="buildify_tm_mainbg">
- <!-- PATTERN -->
- <div class="marketify_pattern_overlay"></div>
- <!-- /PATTERN -->
- </div>
- <!-- /MAIN BACKGROUND -->
- <!-- WRAPPER ALL -->
- <div class="buildify_tm_wrapper_all">
- <div class="buildify_tm_wrapper">
- <div class="buildify_tm_animate_submenu"></div>
- <!-- LEFTPART -->
- <div class="buildify_tm_leftpart_wrap">
- <!-- LEFT PATTERN -->
- <div class="buildify_tm_build_pattern"></div>
- <!-- /LEFT PATTERN -->
- <!-- MENUBAR -->
- <div class="buildify_tm_menubar">
- <div class="buildify_tm_menubar_in">
- <div class="buildify_tm_menubar_content">
- <div class="menu_logo">
- <a href="index.html"><img src="img/logo/lanbo.png" alt="" /></a>
- </div>
- <div class="menu_nav">
- <div class="menu_nav_in">
- <div class="menu_nav_content scrollable">
- <ul class="vert_nav">
- <li><a href="index.html">首页</a></li>
- <li >
- <a href="project.html">产品系列</a>
- <!-- <div class="inside_menu">
- <ul>
- <li><a href="project.html">产品系列</a></li>
- <li><a href="project-single.html">产品详情</a></li>
- </ul>
- </div> -->
- </li>
- <li >
- <a href="service.html">企业风采</a>
- <!-- <div class="inside_menu">
- <ul>
- <li><a href="service.html">企业风采</a></li>
- <li><a href="service-single.html">资质荣誉</a></li>
- </ul>
- </div> -->
- </li>
- <li><a href="about.html">关于我们</a></li>
- <!-- <li><a href="blog.html">Blog</a></li> -->
- <li><a href="contact.html">联系我们</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="buildify_tm_home_button">
- <span class="first">
- <a href="index.html"><img class="svg" src="img/svg/home.svg" alt="" /></a>
- </span>
- <span class="second">中国·台州</span>
- </div>
- </div>
- <!-- /MENUBAR -->
- </div>
- <!-- /LEFTPART -->
- <!-- RIGHTPART -->
- <div class="buildify_tm_rightpart_wrap">
- <div class="buildify_tm_rightpart">
- <!-- CONTENT -->
- <div class="buildify_tm_content_wrap" id="app">
- <div class="buildify_tm_content">
- <!-- TOPBAR -->
- <div class="buildify_tm_topbar_info">
- <div class="buildify_tm_connection">
- <div class="phone_numb">
- <div class="phone_numb_in">
- <img src="img/call.png" alt="" />
- <p>联系我们: <span>0576-82875388</span></p>
- </div>
- </div>
- <div class="send_msg">
- <a href="contact.html">
- <img class="svg" src="img/svg/message2.svg" alt="" />
- </a>
- </div>
- </div>
-
- <!-- <label>Follow us:</label> -->
-
- <!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
- <li><a href="#"><i class="xcon-twitter"></i></a></li>
- <li><a href="#"><i class="xcon-instagram"></i></a></li>
- <li><a href="#"><i class="xcon-pinterest"></i></a></li>
- <li><a href="#"><i class="xcon-gplus"></i></a></li> -->
-
-
- </div>
- <!-- /TOPBAR -->
- <!-- HEADER -->
- <div class="buildify_tm_mobile_header_wrap">
- <div class="in">
- <div class="container">
- <div class="header_inner">
- <div class="logo">
- <a href="index.html"><img src="img/logo/buildify_mini.png" alt="" /></a>
- </div>
- <div class="buildify_tm_trigger">
- <div class="hamburger hamburger--collapse-r">
- <div class="hamburger-box">
- <div class="hamburger-inner"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="navigation_wrap">
- <div class="container">
- <div class="inner_navigation">
- <ul class="nav">
- <li><a href="index.html">首页</a></li>
- <li>
- <a href="project.html">产品系列</a>
- <!-- <ul class="sub_menu">
- <li><a href="project.html">产品系列</a></li>
- <li><a href="project-single.html">产品详情</a></li>
- </ul> -->
- </li>
- <li>
- <a href="service.html">企业风采</a>
- <!-- <ul class="sub_menu">
- <li><a href="service.html">企业风采</a></li>
- <li><a href="service-single.html">资质荣誉</a></li>
- </ul> -->
- </li>
- <li><a href="about.html">关于我们</a></li>
- <!-- <li><a href="blog.html">Blog</a></li> -->
- <li><a href="contact.html">联系我们</a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /HEADER -->
- <!-- SHORT SERVICES -->
- <div class="buildify_tm_section">
- <div class="buildify_tm_slider_wrap">
- <div class="container swiper">
- <div class="buildify_tm_slider_title_wrap">
- <div class="title">
- <!-- <h3>We are more than builders</h3> -->
- </div>
- <div class="subtitle">
- <p>这是一家运动艇制造专家,这是一家将"想百姓所想"作为使命的公司,这是一家以"科技创新,造福人类"为经营理念的公司。</p>
- </div>
- <div class="switches">
- <div class="prev_next">
- <div class="tm_next_button"></div>
- <div class="tm_prev_button"></div>
- </div>
- <div class="swiper-pagination my_swiper_pagination"></div>
- </div>
- </div>
- </div>
- <div class="buildify_tm_universal_swiper_wrap">
- <div class="swiper-container">
- <div class="buildify_tm_articles_wrap swiper-wrapper">
- <!-- <div class="article_inner swiper-slide">
- <div class="article_image first">
- <div class="overlay"></div>
- </div>
- </div>
- <div class="article_inner swiper-slide">
- <div class="article_image second">
- <div class="overlay"></div>
- </div>
- </div>
- <div class="article_inner swiper-slide">
- <div class="article_image third">
- <div class="overlay"></div>
- </div>
- </div>
- <div class="article_inner swiper-slide">
- <div class="article_image fourth">
- <div class="overlay"></div>
- </div>
- </div> -->
- <div class="article_inner swiper-slide" v-for="(item,index) in loopProduct">
- <div class="article_image ">
- <img :src="imgUrl + item">
- <div class="overlay"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /SHORT SERVICES -->
- <div class="buildify_tm_section">
- <div class="container">
- <div class="buildify_check_list_wrap buildify_tm_miniboxes">
- <ul>
- <li>
- <div class="inner">
- <div class="title_holder buildify_tm_minibox">
- <div class="shape">
- <span></span>
- </div>
- <div class="definition">
- <h3>我们有C E证书</h3>
- <span>欧盟C E认证</span>
- </div>
- </div>
- <div class="image_holder">
- <div class="image_wrap">
- <img src="img/check_list/350x380.jpg" alt="" />
- <div class="inner_image">
- <img src="img/certificate/certificate3.png" alt="" srcset="">
- </div>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="title_holder buildify_tm_minibox">
- <div class="shape">
- <span></span>
- </div>
- <div class="definition">
- <h3>我们提供最优质的的服务</h3>
- <span>竭诚为您服务</span>
- </div>
- </div>
- <div class="image_holder">
- <div class="image_wrap">
- <img src="img/check_list/350x380.jpg" alt="" />
- <div class="inner_image">
- <img src="img/certificate/certificate1.jpg" alt="" srcset="">
- </div>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="title_holder buildify_tm_minibox">
- <div class="shape">
- <span></span>
- </div>
- <div class="definition">
- <h3>杰出的运动艇制造公司</h3>
- <span>运动艇制造行业</span>
- </div>
- </div>
- <div class="image_holder">
- <div class="image_wrap">
- <img src="img/check_list/350x380.jpg" alt="" />
- <div class="inner_image">
- <img src="img/certificate/certificate2.jpg" alt="" srcset="">
- </div>
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="container">
- <div class="buildify_tm_about_company_wrap" v-for="item in company">
- <div class="buildify_tm_leftbox">
- <div class="buildify_tm_main_title_wrap">
- <div class="title">
- <h3>{{item.title}}</h3>
- </div>
- <div class="subtitle">
- <!-- <p>We aim to eliminate the task of dividing your project between different architecture and construction company. We are a company that offers design and build services for you from initial sketches to the final construction.</p> -->
- <p v-html="item.content">{{item.content}}</p>
- </div>
- </div>
- <div class="sign">
- <!-- <img src="img/sign/dark.png" alt="" /> -->
- </div>
- <div class="author_name">
- <span></span>
- </div>
- </div>
- <div class="rightbox">
- <div class="first_image">
- <img src="img/about/460x500.jpg" alt="" />
- <div class="image">
- <img src="img/index/index2.jpg" alt="">
- </div>
- </div>
- <div class="second_image_wrap">
- <div class="inner">
- <img src="img/about/460x500.jpg" alt="" />
- <div class="image">
- <img src="img/index/index3.jpg" alt="" srcset="">
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="container">
- <div class="buildify_tm_counter_wrap_all">
- <div class="leftbox">
- <div class="roof">
- <span></span>
- </div>
- <div class="inner">
- <p>我们的底蕴</p>
- </div>
- </div>
- <div class="rightbox">
- <div class="buildify_tm_counter_wrap" data-col="4" data-delay="300">
- <ul class="buildify_tm_counter_list buildify_tm_miniboxes">
- <li>
- <div class="inner buildify_tm_minibox">
- <h3><span><span class="buildify_tm_counter" data-from="0" data-to="5000" data-speed="3000">0</span>+</span></h3>
- <span>出售的产品</span>
- </div>
- </li>
- <li>
- <div class="inner buildify_tm_minibox">
- <h3><span><span class="buildify_tm_counter" data-from="0" data-to="500" data-speed="3000">0</span>+</span></h3>
- <span>公司客户</span>
- </div>
- </li>
- <li>
- <div class="inner buildify_tm_minibox">
- <h3><span><span class="buildify_tm_counter" data-from="0" data-to="30" data-speed="3000">0</span>+</span></h3>
- <span>专业技术人员</span>
- </div>
- </li>
- <li>
- <div class="inner buildify_tm_minibox">
- <h3><span><span class="buildify_tm_counter" data-from="0" data-to="30" data-speed="3000">0</span>+</span></h3>
- <span>公司所获奖项</span>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <!-- <div class="buildify_tm_project_video">
- <span>
- <img class="svg" src="img/svg/play.svg" alt="" />
- </span>
- <a class="project_time" href="#">View Company Promo Video</a>
- <a class="project_video_button popup-youtube" href="https://www.youtube.com/watch?v=se4yc09w7Ic"></a>
- </div> -->
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="container">
- <div class="buildify_tm_principles_wrap">
- <div class="list_wrap">
- <ul class="masonry">
- <li class="item" v-for="(item,index) in arrayList">
- <div class="inner">
- <span class="leftshape"></span>
- <span class="topshape"></span>
- <div class="in">
- <div class="title">
- <h3>{{item.title}}</h3>
- </div>
- <div class="definition">
- <p v-html="item.content">{{item.content}}</p>
- </div>
- <div class="number">
- <span>{{index+1}}</span>
- </div>
- </div>
- </div>
- </li>
- </ul>
- <!-- <li class="item">
- <div class="inner">
- <span class="leftshape"></span>
- <span class="topshape"></span>
- <div class="in">
- <div class="title">
- <h3>Honesty</h3>
- </div>
- <div class="definition">
- <p>Be sure of our facts and be honest and straightforward in all of our dealings with each other and
- good our clients.</p>
- </div>
- <div class="number">
- <span>02</span>
- </div>
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner">
- <span class="leftshape"></span>
- <span class="topshape"></span>
- <div class="in">
- <div class="title">
- <h3>Integrity</h3>
- </div>
- <div class="definition">
- <p>Over the years, we have gained a reputation for integrity and trust from our customers who continue
- to use our services.</p>
- </div>
- <div class="number">
- <span>03</span>
- </div>
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner">
- <span class="leftshape"></span>
- <span class="topshape"></span>
- <div class="in">
- <div class="title">
- <h3>Quality Work</h3>
- </div>
- <div class="definition">
- <p>We ensure that all projects are done with professionalism using quality materials while offering
- clients the support and accessibility.</p>
- </div>
- <div class="number">
- <span>04</span>
- </div>
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner">
- <span class="leftshape"></span>
- <span class="topshape"></span>
- <div class="in">
- <div class="title">
- <h3>Passion</h3>
- </div>
- <div class="definition">
- <p>Success is when we can achieve results in the things we are passionate about and feel as though we
- are making a difference.</p>
- </div>
- <div class="number">
- <span>05</span>
- </div>
- </div>
- </div>
- </li>
- </ul> -->
- </div>
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="buildify_tm_services_wrap fn_w_sminiboxes">
- <div class="container">
- <div class="inner_wrap">
- <div class="leftbox fn_w_sminibox">
- <div class="buildify_fn_sticky_section">
- <!-- <div class="buildify_tm_main_title_wrap">
- <div class="title">
- <h3>Services we deliver</h3>
- </div>
- <div class="subtitle">
- <p>We aim to eliminate the task of dividing your project between different architecture and
- construction company. We are a company that offers design and build services for you from initial
- sketches to the final construction.</p>
- </div>
- <div class="service_category">
- <ul>
- <li><span>Full Project Management</span></li>
- <li><span>Design and 3D Modeling</span></li>
- <li><span>House Renovation</span></li>
- <li><span>Construction</span></li>
- </ul>
- </div>
- <div class="buildify_tm_button_wrap">
- <a href="service-single.html">View all services</a>
- </div>
- </div> -->
- </div>
- </div>
- <div class="buildify_tm_rightbox fn_w_sminibox">
- <div class="buildify_fn_sticky_section">
- <div class="services_list_wrap">
-
- <!-- <li>
- <div class="inner">
- <div class="title_holder">
- <h3><a href="service-single.html">Leed & Green Building</a></h3>
- </div>
- <div class="description">
- <p>Here at Buildify, we take the same approach to green building that we take to every other aspect
- of our business. It's a long-term view and, with resources in dwindling supply</p>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="service-single.html">Read More</a>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="title_holder">
- <h3><a href="service-single.html">Preconstruction / Consulting</a></h3>
- </div>
- <div class="description">
- <p>Overall project success relies heavily upon the decisions made in the initial planning of any
- construction job. So at Buildify, we approach all projects in a collaborative manner, creating an
- integrated group.</p>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="service-single.html">Read More</a>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="title_holder">
- <h3><a href="service-single.html">Adaptive Reuse</a></h3>
- </div>
- <div class="description">
- <p>Achieving this successfully calls for a vision of what can be and a distinct ability to identify
- opportunities for salvaging elements of an existing structure so as to minimize new construction.</p>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="service-single.html">Read More</a>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="title_holder">
- <h3><a href="service-single.html">Design-build</a></h3>
- </div>
- <div class="description">
- <p>Buildify Construction Services has both the experience and expertise to successfully complete
- your project using the highly effective design-build approach.</p>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="service-single.html">Read More</a>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="title_holder">
- <h3><a href="service-single.html">New Construction</a></h3>
- </div>
- <div class="description">
- <p>It's the details that count. Because when they are given a backseat, they inevitably move up
- front and can overtake the direction of a project.</p>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="service-single.html">Read More</a>
- </div>
- </div>
- </div>
- </li> -->
- </div>
- </div>
- </div>
- </div>
- <!-- <div class="buildify_tm_services_bottom_definition">
- <p>As a team, it is our values that drive us. Together we live these values every day, because we know
- that's why our clients love working with us. Our promise is simple: You can trust us to ensure your
- building project is as enjoyable and painless as possible and together, we will be 100% proud of the
- result.</p>
- </div> -->
- </div>
- </div>
- </div>
-
- <div class="buildify_tm_section" style=" margin-top:-100px">
- <div class="buildify_tm_choose_us_wrap">
- <div class="container">
- <div class="inner">
- <h3>为什么选择我们?</h3>
- </div>
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="buildify_tm_rating_wrap">
- <div class="bg">
- <div class="overlay_image jarallax" data-speed="0"></div>
- <div class="overlay_color"></div>
- </div>
- <div class="content">
- <div class="container">
- <div class="leftpart">
- <div class="mobile_rating_wrap">
- <div class="star">
- <img src="img/rating/rate.png" alt="" />
- </div>
- <div class="number">
- <span>9.7</span>
- </div>
- <div class="title">
- <p>Customer Rating</p>
- </div>
- </div>
- <div class="experience_box">
- <div class="top">
- <p>我们是一家优秀的运动艇制造公司</p>
- </div>
- <div class="bottom">
-
- <div class="number">
- <span></span>
- </div>
- <div class="definition">
- <p> <img src="img/index/index4.png" alt="" srcset=""></p>
- </div>
- </div>
- </div>
- <div class="category">
- <ul>
- <li><span>精巧的做工</span></li>
- <li><span>有竞争力的价格</span></li>
- <li><span>卓越的品质</span></li>
- <li><span>专业化的服务</span></li>
-
- </ul>
- </div>
- </div>
- <div class="rightpart">
- <div class="rating_wrap">
- <div class="inner_wrap">
- <div class="star">
- <img src="img/rating/rate.png" alt="" />
- </div>
- <div class="number">
- <span>9.7</span>
- </div>
- <div class="title">
- <p>Customer Rating</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="container">
- <div class="buildify_tm_projects_home fn_w_sminiboxes">
- <div class="buildify_tm_projects_leftbox fn_w_sminibox">
- <div class="buildify_fn_sticky_section">
- <!-- <div class="buildify_tm_main_title_wrap">
- <div class="title">
- <h3>Our latest projects</h3>
- </div>
- <div class="subtitle">
- <p>Its a burning, never-ending desire to help our clients maximize their outcomes and exceed their
- strategic goals. Though our goal is a bit aspirational, our values are what drive us every day.</p>
- </div>
- <div class="buildify_tm_button_wrap yellow">
- <a href="#">View all projects</a>
- </div>
- </div> -->
- </div>
- </div>
- <div class="buildify_tm_rightbox fn_w_sminibox">
- <div class="buildify_fn_sticky_section">
- <div class="projects_list_wrap">
- <ul>
- <li v-for="item in latestProjectList">
- <div class="inner">
- <div class="image_holder">
- <!-- <img src="img/portfolio/630x400.jpg" alt="" /> -->
- <img :src="item.bigimage">
- <a href="project-single.html">
- <!-- <div class="image"></div> -->
- </a>
- </div>
- <div class="image_definition">
- <div class="title">
- <h3><a href="project-single.html">{{item.title}}</a></h3>
- </div>
- <div class="read_more">
- <p>
- <a href="project-single.html" @click="dianji(item.id)">
- <span class="text">查看更多</span>
- <span class="direction"></span>
- </a>
- </p>
- </div>
- </div>
- </div>
- </li>
- </ul>
- <!-- <li>
- <div class="inner">
- <div class="image_holder">
- <img src="img/portfolio/630x400.jpg" alt="" />
- <a href="project-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="image_definition">
- <div class="title">
- <h3><a href="project-single.html">Berjaya Central Park</a></h3>
- </div>
- <div class="read_more">
- <p>
- <a href="project-single.html">
- <span class="text">View More</span>
- <span class="direction"></span>
- </a>
- </p>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="image_holder">
- <img src="img/portfolio/630x400.jpg" alt="" />
- <a href="project-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="image_definition">
- <div class="title">
- <h3><a href="project-single.html">The Peninsula</a></h3>
- </div>
- <div class="read_more">
- <p>
- <a href="project-single.html">
- <span class="text">View More</span>
- <span class="direction"></span>
- </a>
- </p>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="image_holder">
- <img src="img/portfolio/630x400.jpg" alt="" />
- <a href="project-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="image_definition">
- <div class="title">
- <h3><a href="project-single.html">Mandarin Oriental</a></h3>
- </div>
- <div class="read_more">
- <p>
- <a href="project-single.html">
- <span class="text">View More</span>
- <span class="direction"></span>
- </a>
- </p>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="image_holder">
- <img src="img/portfolio/630x400.jpg" alt="" />
- <a href="project-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="image_definition">
- <div class="title">
- <h3><a href="project-single.html">Odeon Tower</a></h3>
- </div>
- <div class="read_more">
- <p>
- <a href="project-single.html">
- <span class="text">View More</span>
- <span class="direction"></span>
- </a>
- </p>
- </div>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="image_holder">
- <img src="img/portfolio/630x400.jpg" alt="" />
- <a href="project-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="image_definition">
- <div class="title">
- <h3><a href="project-single.html">Meli Hotel La Defense</a></h3>
- </div>
- <div class="read_more">
- <p>
- <a href="project-single.html">
- <span class="text">View More</span>
- <span class="direction"></span>
- </a>
- </p>
- </div>
- </div>
- </div>
- </li>
- </ul> -->
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <div class="buildify_tm_section" >
- <div class="container">
- <div class="buildify_tm_working_process_wrap" style="margin-top: -200px;">
- <div class="leftbox">
- <div class="roof">
- <span></span>
- </div>
- <div class="inner">
- <p>欢迎您联系我们以获取一个报价</p>
- <div class="buildify_tm_button_wrap yellow">
- <a href="contact.html">联系我们</a>
- </div>
- </div>
- <div class="svg_wrap">
- <img class="svg" src="img/svg/learning.svg" alt="" />
- </div>
- </div>
- <!-- <div class="rightbox">
- <div class="roof">
- <span></span>
- </div>
- <div class="inner">
- <p>企业日常</p>
- <div class="gallery_wrap gallery_zoom">
- <ul>
- <li>
- <div class="inner">
- <a class="zoom" href="img/show/show6.jpg">
- <div class="overlay">
- <div class="in">
- <span></span>
- </div>
- </div>
- </a>
- </div>
- </li>
- <li>
- <div class="inner">
- <a class="zoom" href="img/show/show5.jpg">
- <div class="overlay">
- <div class="in">
- <span></span>
- </div>
- </div>
- </a>
- </div>
- </li>
- <li>
- <div class="inner">
- <a class="zoom" href="img/show/show4.jpg">
- <div class="overlay">
- <div class="in">
- <span></span>
- </div>
- </div>
- </a>
- </div>
- </li>
- <li>
- <div class="inner">
- <a class="zoom" href="img/show/show3.jpg">
- <div class="overlay">
- <div class="in">
- <span></span>
- </div>
- </div>
- </a>
- </div>
- </li>
- <li>
- <div class="inner">
- <a class="zoom" href="img/show/show2.jpg">
- <div class="overlay">
- <div class="in">
- <span></span>
- </div>
- </div>
- </a>
- </div>
- </li>
- <li>
- <div class="inner">
- <a class="zoom" href="img/show/show1.jpg">
- <div class="overlay">
- <div class="in">
- <span></span>
- </div>
- </div>
- </a>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div> -->
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="buildify_tm_testimonial_wrap">
- <div class="buildify_tm_universal_parallax_wrap">
- <div class="main_bg">
- <div class="overlay_image"></div>
- <div class="overlay_video">
- <video autoplay loop muted>
- <source src="video/1.mp4" type="video/mp4">
- </video>
- </div>
- <div class="overlay_color testimonial"></div>
- </div>
- <!-- <div class="main_content">
- <div class="container">
- <div class="buildify_tm_universal_carousel_wrap testimonial">
- <div class="title_holder light">
- <div class="span">
- <h3>Testimonials</h3>
- </div>
- </div>
- <div class="container">
- <div class="carousel_nav">
- <div class="custom_nav">
- <a href="#" class="prev"></a>
- <a href="#" class="next"></a>
- </div>
- </div>
- </div>
- <div class="main_carousel_wrap">
- <ul class="owl-carousel">
- <li class="item" v-for="item in characterList">
- <div class="inner">
- <div class="testimonial_definition">
- <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
- We have done several projects.</p>
- </div>
- <div class="name_holder_wrap">
- <div class="image">
- <img src="img/clients/1.jpg" alt="" />
- </div>
- <div class="name">
- <span>John Doe</span>
- <span>Constructor</span>
- </div>
- </div>
- <div class="quote">
- <img class="svg" src="img/svg/quotes.svg" alt="" />
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner" >
- <div class="testimonial_definition">
- <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
- We have done several projects.</p>
- <p v-html="item.content">{{item.content}}</p>
- </div>
- <div class="name_holder_wrap">
- <div class="image">
- <img :src="item.bigimage" alt="" />
- </div>
- <div class="name">
- <span>{{item.title}}</span>
- <span>{{item.synopsis}}</span>
- </div>
- </div>
- <div class="quote">
- <img class="svg" src="img/svg/quotes.svg" alt="" />
- </div>
- </div>
- </li>
- </ul>
- <li class="item">
- <div class="inner">
- <div class="testimonial_definition">
- <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
- We have done several projects.</p>
- </div>
- <div class="name_holder_wrap">
- <div class="image">
- <img src="img/clients/2.jpg" alt="" />
- </div>
- <div class="name">
- <span>Aurel Benessa</span>
- <span>Consultant Company</span>
- </div>
- </div>
- <div class="quote">
- <img class="svg" src="img/svg/quotes.svg" alt="" />
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner">
- <div class="testimonial_definition">
- <p>Mac Foods has partnered with Buildify for 10 years on a variety of projects across the country.
- We have done several projects.</p>
- </div>
- <div class="name_holder_wrap">
- <div class="image">
- <img src="img/clients/1.jpg" alt="" />
- </div>
- <div class="name">
- <span>Mark Win</span>
- <span>Company Manager</span>
- </div>
- </div>
- <div class="quote">
- <img class="svg" src="img/svg/quotes.svg" alt="" />
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div> -->
- </div>
- </div>
- </div>
- <div class="buildify_tm_section">
- <div class="buildify_tm_news_wrap fn_w_sminiboxes">
- <div class="container">
- <div class="inner_wrap">
- <!-- <div class="buildify_tm_projects_leftbox fn_w_sminibox">
- <div class="buildify_fn_sticky_section">
- <div class="buildify_tm_main_title_wrap">
- <div class="title">
- <h3>Latest blog articles</h3>
- </div>
- <div class="subtitle">
- <p>Its a burning, never-ending desire to help our clients maximize their outcomes and exceed their
- strategic goals. Though our goal is a bit aspirational, our values are what drive us every day.</p>
- </div>
- <div class="buildify_tm_button_wrap">
- <a href="#">View all articles</a>
- </div>
- </div>
- </div>
- </div> -->
- <div class="buildify_tm_rightbox fn_w_sminibox" >
- <div class="buildify_fn_sticky_section">
- <div class="news_list_wrap">
- <ul class="masonry">
- <li class="item" v-for="item in blogList ">
- <div class="inner">
- <div class="image_wrap">
- <img :src="item.coverimage" alt="" />
- <a href="blog-single.html">
- <!-- <div class="image"></div> -->
- </a>
- </div>
- <div class="definitions_wrap" style="margin-top: -400px;">
- <div class="title_holder">
- <h3><a href="blog-single.html">{{item.synopsis}}</a></h3>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="blog-single.html" @click="dianji(item.id)">阅读更多</a>
- </div>
- </div>
- </div>
- </div>
- </li>
- <!-- <li class="item">
- <div class="inner">
- <div class="image_wrap">
- <img src="img/blog/340x230.jpg" alt="" />
- <a href="blog-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="definitions_wrap">
- <div class="title_holder">
- <h3><a href="blog-single.html">How to turn Victorian gasholders into luxury apartments</a></h3>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="blog-single.html">Read More</a>
- </div>
- </div>
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner">
- <div class="image_wrap">
- <img src="img/blog/340x230.jpg" alt="" />
- <a href="blog-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="definitions_wrap">
- <div class="title_holder">
- <h3><a href="blog-single.html">CITB appoints Peter Lauener as new chairman</a></h3>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="blog-single.html">Read More</a>
- </div>
- </div>
- </div>
- </div>
- </li>
- <li class="item">
- <div class="inner">
- <div class="image_wrap">
- <img src="img/blog/340x230.jpg" alt="" />
- <a href="blog-single.html">
- <div class="image"></div>
- </a>
- </div>
- <div class="definitions_wrap">
- <div class="
- _holder">
- <h3><a href="blog-single.html">New Tower in the Nothern Centre of Warsaw</a></h3>
- </div>
- <div class="read_more_wrap">
- <div class="read_more_in">
- <a href="blog-single.html">Read More</a>
- </div>
- </div>
- </div>
- </div>
- </li> -->
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /CONTENT -->
- <footer class="buildify_tm_footer" style="margin-top: -300px;">
- <div class="buildify_tm_universal_parallax_wrap">
- <div class="main_bg">
- <div class="overlay_image footer jarallax" data-speed="0"></div>
- <div class="overlay_video"></div>
- <div class="overlay_color footer"></div>
- </div>
- <div class="main_content footer">
- <div class="buildify_tm_subscribe_wrap">
- <div class="container">
- <!-- <div class="inner_wrap">
- <div class="left_wrap">
- <div class="book">
- <img class="svg" src="img/svg/open-book.svg" alt="" />
- </div>
- <div class="text">
- <p>Newsletter<span></span> get updates with latest topics</p>
- </div>
- </div>
- <div class="right_wrap">
- <input class="email" type="email" placeholder="Your e-mail address">
- <input class="button" type="button" value="subscribe">
- </div>
- </div> -->
- </div>
- </div>
- <div class="buildify_tm_footer_wrap">
- <div class="container">
- <div class="buildify_tm_list_wrap" data-column="3" data-space="40">
- <ul class="buildify_list">
- <li v-for="item in bottom" >
- <div class="inner" style="">
- <div class="footer_section_title">
- <h3>{{item.title}}</h3>
- </div>
- <div class="definition" >
- <p v-html="item.content">{{item.content}}</p>
- </div>
- </div>
- </li>
- <!-- <li>
- <div class="inner">
- <div class="footer_section_title">
- <h3>Business Hours</h3>
- </div>
- <div class="inner_list">
- <ul>
- <li>
- <div class="wrap">
- <span class="left">Monday-Friday:</span>
- <span class="right">9am to 5pm</span>
- </div>
- </li>
- <li>
- <div class="wrap">
- <span class="left">Saturday:</span>
- <span class="right">10am to 3pm</span>
- </div>
- </li>
- <li>
- <div class="wrap">
- <span class="left">Sunday:</span>
- <span class="right">Closed</span>
- </div>
- </li>
- </ul>
- </div>
- </div>
- </li>
- <li>
- <div class="inner">
- <div class="footer_section_title">
- <h3>Helpful Links</h3>
- </div>
- <div class="helpful_links">
- <div class="inner_list">
- <ul>
- <li><a href="#">Our services</a></li>
- <li><a href="#">Diclaimer</a></li>
- <li><a href="#">Showcase</a></li>
- <li><a href="#">Privacy Policy</a></li>
- <li><a href="#">Affliates</a></li>
- </ul>
- </div>
- </div>
- </div>
- </li> -->
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
- </footer>
- <div class="buildify_tm_section">
- <div class="buildify_tm_copyright_wrap">
- <div class="container">
- <div class="inner_wrap">
- <div class="copyright_logo">
- <a href="#">
- <img src="img/logo/lanbo.png" alt="" />
- </a>
- </div>
- <div class="main_info_wrap">
- <div class="share_wrap">
- <span></span>
- <ul>
- <!-- <li><a href="#"><i class="xcon-facebook"></i></a></li>
- <li><a href="#"><i class="xcon-twitter"></i></a></li>
- <li><a href="#"><i class="xcon-instagram"></i></a></li>
- <li><a href="#"><i class="xcon-pinterest"></i></a></li>
- <li><a href="#"><i class="xcon-gplus"></i></a></li> -->
- </ul>
- </div>
- <div class="bottom_wrap">
- <div class="links_wrap">
- <ul>
- <li><a href="index.html">首页</a></li>
- <li><a href="project.html">产品系列</a></li>
-
- <li><a href="service.html">企业风采</a></li>
-
- <li><a href="about.html">关于我们</a></li>
- <li><a href="contact.html">联系我们</a></li>
- </ul>
- </div>
- <div class="copyright" v-for="item in statement">
- <!-- <p>© 1934 - 2020 <a class="buildify" href="#">Buildify, LCC</a>. All rights reserved. Theme has been designed by <a class="marketify" href="https://themeforest.net/user/marketify">Marketify</a></p> -->
- <p v-html="item.content"></p>
- </div>
- </div>
- </div>
- <a class="buildify_tm_totop" href="#">
- <span class="first">返回顶部</span>
- <span class="top">
- <span class="line"></span>
- </span>
- </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- /RIGHTPART -->
- </div>
- </div>
- </div>
- <!-- / WRAPPER ALL -->
- <!-- SCRIPTS -->
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
- <script src="./js/jquery.js"></script>
- <script type="text/javascript" src="./js/common.js"></script>
- <script type="text/javascript" src="js/plugins.js"></script>
- <script src="./js/index.js"></script>
- <!--[if lt IE 10]> <script type="text/javascript" src="js/ie8.js"></script> <![endif]-->
- <!-- <script type="text/javascript" src="js/init.js"></script> -->
- <!-- /SCRIPTS -->
- </body>
- </html>
|