橙色欧美风格的多用途商业代理整站网站源码下载



11 40 14



模板描述:橙色欧美风格 多用途商业代理 整站网站,橙色欧美风格的多用途商业代理整站网站源码下载html模板下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/bootstrap.min.css"/>
<link rel="stylesheet" href="assets/css/animate.min.css"/>
<link rel="stylesheet" href="assets/css/linea-basic.css"/>
<link rel="stylesheet" href="assets/css/font-awesome.css"/>
<link rel="stylesheet" href="assets/css/YouTubePopUp.css"/>
<link rel="stylesheet" href="assets/css/magnific-popup.css"/>
<link rel="stylesheet" href="assets/css/owl.carousel.min.css"/>
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css"/>
<link rel="stylesheet" href="assets/css/helper.css"/>
<link rel="stylesheet" href="assets/css/style.css"/>

2. 引入JS

<script src="assets/js/jquery-3.0.0.min.js"></script>
<script src="assets/js/jquery-migrate-3.0.0.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/scrollIt.min.js"></script>
<script src="assets/js/jquery.waypoints.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.stellar.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/YouTubePopUp.jquery.js"></script>
<script src="assets/js/particles.min.js"></script>
<script src="assets/js/autotype.js"></script>
<script src="assets/js/theia-sticky-sidebar.min.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyC3nDHy1dARR-Pa_2jjPCjvsOR4bcILYsM'></script>
<script src="assets/js/scripts.js"></script>

3. HTML代码

<span id="cursor-custom"></span>
<!-- =====================================
==== Start Loading -->
<div class="loading">
    <div class="text-center middle">
        <div class="lds-ellipsis">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
</div>
<!-- End Loading ====
======================================= -->
<div class="body-overlay"></div>
<div id="box-mobile-menu" class="box-mobile-menu">
    <a href="javascript:void(0);" id="back-menu" class="back-menu"><i class="fa fa-angle-left"></i></a>
    <span class="box-title">Menu</span>
    <a href="javascript:void(0);" class="close-menu"></a>
    <div class="box-inner"></div>
</div>
<!-- =====================================
==== Start Navbar -->
<nav class="navbar navbar-expand-lg" id="header">
    <div class="container">
        <!-- Logo -->
        <a class="logo" href="index.html">
            <img src="assets/img/logo-light.png" alt="logo">
        </a>
        <a class="menu-bar mobile-navigation" href="javascript:void(0)">
            <span class="menu-btn-icon">
                <span></span>
                <span></span>
                <span></span>
            </span>
        </a>
        <nav id="primary-navigation" class="site-navigation">
            <div class="main-menu-wrapper"></div>
            <div id="navbarSupportedContent" class="main-navigation" data-width="1182">
                <ul id="menu-main-menu" class="nav menu-nav clone-main-menu aluneth-nav main-menu">
                    <li class="nav-item menu-item page-active">
                        <a class="nav-link active" href="index.html" data-scroll-nav="0">Home</a>
                        <ul class="submenu">
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="index.html">Home Main</a>
                            </li>
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="particles.html">Home Particles</a>
                            </li>
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="slider.html">Home Slider</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item menu-item">
                        <a class="nav-link" href="#" data-scroll-nav="1">Services</a>
                    </li>
                    <li class="nav-item menu-item">
                        <a class="nav-link" href="#" data-scroll-nav="2">Portfolio</a>
                        <ul class="submenu">
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="portfolio-page.html">Portfolio</a>
                            </li>
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="single-portfolio.html">Single Portfolio</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item menu-item">
                        <a class="nav-link" href="#" data-scroll-nav="3">Team</a>
                    </li>
                    <li class="nav-item menu-item">
                        <a class="nav-link" href="#" data-scroll-nav="4">Price</a>
                    </li>
                    <li class="nav-item menu-item">
                        <a class="nav-link" href="#" data-scroll-nav="5">Blog</a>
                        <ul class="submenu">
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="blog-standard.html">Blog Standard</a>
                            </li>
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="blog-grid.html">Blog Grid</a>
                            </li>
                            <li class="nav-item menu-item">
                                <a class="nav-link" href="single-post.html">Single Post</a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item menu-item">
                        <a class="nav-link" href="#" data-scroll-nav="6">Contact</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</nav>
<!-- End Navbar ====
======================================= -->
<!-- =====================================
==== Start Header -->
<header class="header valign bg-img" data-scroll-index="0" data-overlay-dark="7" data-background="assets/img/bg4.jpg"
        data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="text-center caption mt-30">
            <h4>We Are</h4>
            <h1><span>Aluneth <span class="typewrite" data-period="2000"
                                    data-type='["Digital Agency","Business Agency","Software Launch"]'><span
                    class="wrap"></span></span></span></h1>
            <div class="row">
                <div class="offset-md-1 col-md-10 offset-lg-2 col-lg-8">
                    <p>Lorem ipsum dolor sit amet consectetur adipiscing elit fringilla arcu
                        suspendisse scelerisque facilisis morbi class.</p>
                </div>
            </div>
            <a href="#" class="butn mt-30">
                <span>Get Started</span>
            </a>
        </div>
    </div>
</header>
<!-- End Header ====
======================================= -->
<!-- =====================================
==== Start Hero -->
<section class="hero" data-scroll-index="1">
    <div class="section-padding pos-re">
        <div class="container">
            <div class="row">
                <div class="section-title offset-lg-2 col-lg-8 offset-md-1 col-md-10 text-center">
                    <span class="small-title">About Aluneth</span>
                    <h4>A Few Words About Us</h4>
                    <p>Lorem Ipsum is simply dummy text of the printing and type setting industry when an unknown
                        printer took a galley of type and scrambled it to make a type specimen book It has survived.</p>
                </div>
                <div class="feature-wrap mb-md50 col-lg-4">
                    <div class="feat-inner">
                        <span class="icon fa fa-desktop"></span>
                        <div class="feat-info">
                            <h5>Perfect Design</h5>
                            <p>Lorem Ipsum is simply dummy text of the printing and type setting industry</p>
                        </div>
                    </div>
                </div>
                <div class="feature-wrap active mb-md50 col-lg-4">
                    <div class="feat-inner">
                        <span class="icon  fa fa-picture-o"></span>
                        <div class="feat-info">
                            <h5>Retina Ready</h5>
                            <p>Lorem Ipsum is simply dummy text of the printing and type setting industry</p>
                        </div>
                    </div>
                </div>
                <div class="feature-wrap col-lg-4">
                    <div class="feat-inner">
                        <span class="icon fa fa-life-ring"></span>
                        <div class="feat-info">
                            <h5>Fastest Support</h5>
                            <p>Lorem Ipsum is simply dummy text of the printing and type setting industry</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tabs-section section-padding bg-gray">
        <div class="container">
            <div class="row">
                <div class="left col-lg-6">
                    <div class="about box-white left">
                        <h4 class="title">Hi there! We are aluneth </h4>
                        <p class="mb-20">We’re full service which means we’ve got you covered on design and content
                            right through to digital. We believe that individual talent can only take you so far in our
                            industry. While
                            personal excellence is highly valued at Aluneth.</p>
                        <p>
                            Aluneth is a creative studio that is specialized in brand strategy and digital creation.
                            We will work with you to design your brand identity and make it evolve in a consistent
                            on each and every connected device.
                        </p>
                        <!-- Skills -->
                        <div class="skills mt-40">
                            <div class="skill-item mb-30">
                                <h6>Web Design</h6>
                                <div class="skill-progress">
                                    <div class="progres" data-value="90%"></div>
                                </div>
                            </div>
                            <div class="skill-item mb-30">
                                <h6>Branding</h6>
                                <div class="skill-progress">
                                    <div class="progres" data-value="75%"></div>
                                </div>
                            </div>
                            <div class="skill-item">
                                <h6>Development</h6>
                                <div class="skill-progress">
                                    <div class="progres" data-value="80%"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 image">
                    <div class="img">
                        <img src="assets/img/3.jpg" alt="img">
                        <a class="vid" href="https://vimeo.com/127203262">
                            <div class="videobox_animation circle_1"></div>
                            <div class="videobox_animation circle_2"></div>
                            <div class="videobox_animation circle_3"></div>
                        </a>
                    </div>
                    <ul class="feat mt-10 row">
                        <li class="col-sm-4">
                            <div>
                                <span class="icon fa fa-rocket"></span>
                                <h6>Lauch</h6>
                            </div>
                        </li>
                        <li class="col-sm-4">
                            <div>
                                <span class="icon fa fa-css3"></span>
                                <h6>CSS3</h6>
                            </div>
                        </li>
                        <li class="col-sm-4">
                            <div>
                                <span class="icon icon fa fa-html5"></span>
                                <h6>HTML5</h6>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Hero ====
======================================= -->
<!-- =====================================
==== Start Process -->
<div class="process section-padding bg-img bg-fixed pos-re text-center" data-overlay-dark="7"
     data-background="assets/img/bg6.jpg">
    <div class="container">
        <div class="row">
            <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
                <span class="small-title">Our Services</span>
                <h4>What We Do</h4>
                <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                    design & web development services.</p>
            </div>
            <div class="full-width clearfix"></div>
            <div class="col-lg-3 col-md-6">
                <div class="item first mb-md50">
                    <span class="icon fa fa-laptop"></span>
                    <div class="cont">
                        <h5>Research</h5>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit vulputate justo varius</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="item odd mb-md50">
                    <span class="icon fa fa-file-text-o"></span>
                    <div class="cont">
                        <h5>Planning</h5>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit vulputate justo varius</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="item mb-sm50">
                    <span class="icon fa fa-codepen"></span>
                    <div class="cont">
                        <h5>Development</h5>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit vulputate justo varius</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="item odd">
                    <span class="icon fa fa-building-o"></span>
                    <div class="cont">
                        <h5>Complete</h5>
                        <p>Lorem ipsum dolor sit amet consectetur adipiscing elit vulputate justo varius</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Process ====
======================================= -->
<!-- =====================================
==== Start Works -->
<section class="works section-padding" data-scroll-index="2">
    <div class="container">
        <div class="row">
            <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
                <span class="small-title">Our Portfolio</span>
                <h4>Creative Portfolio</h4>
                <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                    design & web development services.</p>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <!-- filter links -->
            <div class="filtering text-center mb-30 col-sm-12">
                <div class="filter">
                    <span data-filter='*' class="active">All</span>
                    <span data-filter='.brand'>Brand</span>
                    <span data-filter='.web'>Design</span>
                    <span data-filter='.graphic'>Graphic</span>
                </div>
            </div>
            <div class="clearfix"></div>
            <!-- gallery -->
            <div class="gallery full-width">
                <div class="isotope-sizer"></div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items graphic">
                    <div class="item-img">
                        <img src="assets/img/portfolio/1.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/1.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items web">
                    <div class="item-img">
                        <img src="assets/img/portfolio/2.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/2.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items brand">
                    <div class="item-img">
                        <img src="assets/img/portfolio/3.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/3.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items graphic">
                    <div class="item-img">
                        <img src="assets/img/portfolio/4.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/4.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items web">
                    <div class="item-img">
                        <img src="assets/img/portfolio/5.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/5.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items brand">
                    <div class="item-img">
                        <img src="assets/img/portfolio/6.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/6.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- gallery item -->
                <div class="col-lg-4 col-md-6 items brand">
                    <div class="item-img">
                        <img src="assets/img/portfolio/7.jpg" alt="image">
                        <div class="item-img-overlay">
                            <div class="overlay-info full-width">
                                <p>Logo, Branding</p>
                                <h6>Verso Branding</h6>
                                <a href="assets/img/portfolio/7.jpg" class="popimg">
                                    Read more
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Works ====
======================================= -->
<!-- =====================================
==== Start Why-us -->
<div class="why-us section-padding bg-gray pos-re">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-xl-7">
                <div class="img">
                    <img src="assets/img/1.jpg" alt="img">
                </div>
            </div>
            <div class="col-lg-12 col-xl-5">
                <div class="content">
                    <div class="item mb-40">
                        <div class="num">
                            <span class="icon"><span>01</span></span>
                            <h5>Branding</h5>
                        </div>
                        <div class="cont">
                            <p>Nulla metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat velit class
                                aptent taciti sociosqu.</p>
                        </div>
                    </div>
                    <div class="item mb-40">
                        <div class="num">
                            <span class="icon"><span>02</span></span>
                            <h5>Development</h5>
                        </div>
                        <div class="cont">
                            <p>Nulla metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat velit class
                                aptent taciti sociosqu.</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="num">
                            <span class="icon"><span>03</span></span>
                            <h5>Marketing</h5>
                        </div>
                        <div class="cont">
                            <p>Nulla metus ullamcorper vel tincidunt sed euismod nibh Quisque volutpat velit class
                                aptent taciti sociosqu.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- End Why-us ====
======================================= -->
<!-- =====================================
==== Start Teams -->
<section class="team section-padding" data-scroll-index="3">
    <div class="container">
        <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
            <span class="small-title">Talent Team</span>
            <h4>Meet Our Team</h4>
            <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                design & web development services.</p>
        </div>
        <div class="owl-carousel owl-theme">
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/1.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Alex Smith</h6>
                    <span>Project Manager</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/2.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Annie Taylor</h6>
                    <span>Director</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/3.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Johny Cage</h6>
                    <span>Designer</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/4.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Emma Alison</h6>
                    <span>CEO</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/1.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Alex Smith</h6>
                    <span>Project Manager</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/2.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Annie Taylor</h6>
                    <span>Director</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/3.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Johny Cage</h6>
                    <span>Designer</span>
                </div>
            </div>
            <div class="item">
                <div class="team-img">
                    <img src="assets/img/team/4.jpg" alt="img">
                    <div class="social">
                        <a href="#" class="icon">
                            <i class="fa fa-facebook-f"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="#" class="icon">
                            <i class="fa fa-behance"></i>
                        </a>
                    </div>
                </div>
                <div class="info">
                    <h6>Emma Alison</h6>
                    <span>CEO</span>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Teams ====
======================================= -->
<!-- =====================================
==== Start Testimonials -->
<section class="testimonials section-padding bg-img bg-fixed pos-re" data-overlay-dark="7"
         data-background="assets/img/bgt.jpg">
    <div class="container">
        <div class="row">
            <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
                <span class="small-title">Our Testimonials</span>
                <h4>What's Clients Says?</h4>
                <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                    design & web development services.</p>
            </div>
            <div class="owl-carousel owl-theme text-center col-lg-10 offset-lg-1">
                <div class="item-box">
                    <div class="item-inner">
                        <span class="quote">
                            <span class="fa fa-quote-left"></span>
                        </span>
                        <p>Lorem Ipsum is simply dummy text a galley of type and scrambled it to make a type specimen
                            book.</p>
                        <div class="rating rating-4"><span></span></div>
                    </div>
                    <div class="info">
                        <div class="author-img">
                            <img src="assets/img/clients/1.jpg" alt="img">
                        </div>
                        <div class="cont">
                            <h6>Alex Smith</h6>
                            <span>Designer</span>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-inner">
                        <span class="quote">
                            <span class="fa fa-quote-left"></span>
                        </span>
                        <p>Lorem Ipsum is simply dummy text a galley of type and scrambled it to make a type specimen
                            book.</p>
                        <div class="rating rating-5"><span></span></div>
                    </div>
                    <div class="info">
                        <div class="author-img">
                            <img src="assets/img/clients/2.jpg" alt="img">
                        </div>
                        <div class="cont">
                            <h6>Annie Taylor</h6>
                            <span>Designer</span>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-inner">
                        <span class="quote">
                            <span class="fa fa-quote-left"></span>
                        </span>
                        <p>Lorem Ipsum is simply dummy text a galley of type and scrambled it to make a type specimen
                            book.</p>
                        <div class="rating rating-3"><span></span></div>
                    </div>
                    <div class="info">
                        <div class="author-img">
                            <img src="assets/img/clients/3.jpg" alt="img">
                        </div>
                        <div class="cont">
                            <h6>Johnny Cage</h6>
                            <span>Designer</span>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-inner">
                        <span class="quote">
                            <span class="fa fa-quote-left"></span>
                        </span>
                        <p>Lorem Ipsum is simply dummy text a galley of type and scrambled it to make a type specimen
                            book.</p>
                        <div class="rating rating-5"><span></span></div>
                    </div>
                    <div class="info">
                        <div class="author-img">
                            <img src="assets/img/clients/1.jpg" alt="img">
                        </div>
                        <div class="cont">
                            <h6>Alex Smith</h6>
                            <span>Designer</span>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-inner">
                        <span class="quote">
                            <span class="fa fa-quote-left"></span>
                        </span>
                        <p>Lorem Ipsum is simply dummy text a galley of type and scrambled it to make a type specimen
                            book.</p>
                        <div class="rating rating-4"><span></span></div>
                    </div>
                    <div class="info">
                        <div class="author-img">
                            <img src="assets/img/clients/2.jpg" alt="img">
                        </div>
                        <div class="cont">
                            <h6>Annie Taylor</h6>
                            <span>Designer</span>
                        </div>
                    </div>
                </div>
                <div class="item-box">
                    <div class="item-inner">
                        <span class="quote">
                           <span class="fa fa-quote-left"></span>
                        </span>
                        <p>Lorem Ipsum is simply dummy text a galley of type and scrambled it to make a type specimen
                            book.</p>
                        <div class="rating rating-5"><span></span></div>
                    </div>
                    <div class="info">
                        <div class="author-img">
                            <img src="assets/img/clients/3.jpg" alt="img">
                        </div>
                        <div class="cont">
                            <h6>Johnny Cage</h6>
                            <span>Designer</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Testimonials ====
======================================= -->
<!-- =====================================
==== Start Price -->
<section class="price section-padding bg-gray pos-re" data-scroll-index="4">
    <div class="container">
        <div class="row">
            <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
                <span class="small-title">Pricing Table</span>
                <h4>Choose A Package</h4>
                <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                    design & web development services.</p>
            </div>
            <div class="pricing-tables text-center full-width">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="item mb-md50">
                            <div class="type">
                                <h4>Basic</h4>
                            </div>
                            <div class="value">
                                <h3><span>$</span>10</h3>
                                <span class="per">/ Month</span>
                            </div>
                            <div class="features">
                                <ul>
                                    <li>10 GB Disk Space</li>
                                    <li>15 Domain Names</li>
                                    <li>4 Email Address</li>
                                    <li>Enhanced Security</li>
                                    <li>Unlimited Support</li>
                                </ul>
                            </div>
                            <div class="order">
                                <a href="#" class="butn butn-bg">
                                    <span>Purchase Now</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="item active mb-md50">
                            <div class="type">
                                <h4>Standard</h4>
                            </div>
                            <div class="value">
                                <h3><span>$</span>30</h3>
                                <span class="per">/ Month</span>
                            </div>
                            <div class="features">
                                <ul>
                                    <li>100 GB Disk Space</li>
                                    <li>30 Domain Names</li>
                                    <li>5 Email Address</li>
                                    <li>Enhanced Security</li>
                                    <li>Unlimited Support</li>
                                </ul>
                            </div>
                            <div class="order">
                                <a href="#" class="butn butn-light">
                                    <span>Purchase Now</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="item">
                            <div class="type">
                                <h4>Premium</h4>
                            </div>
                            <div class="value">
                                <h3><span>$</span>80</h3>
                                <span class="per">/ Month</span>
                            </div>
                            <div class="features">
                                <ul>
                                    <li>500 GB Disk Space</li>
                                    <li>100 Domain Names</li>
                                    <li>10 Email Address</li>
                                    <li>Enhanced Security</li>
                                    <li>Unlimited Support</li>
                                </ul>
                            </div>
                            <div class="order">
                                <a href="#" class="butn butn-bg">
                                    <span>Purchase Now</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Price ====
======================================= -->
<!-- =====================================
==== Start Blog -->
<section class="blog section-padding" data-scroll-index="5">
    <div class="container">
        <div class="row">
            <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
                <span class="small-title">Our Blog</span>
                <h4>Latest News</h4>
                <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                    design & web development services.</p>
            </div>
            <div class="col-lg-4">
                <div class="item mb-md50">
                    <div class="post-img">
                        <div class="img">
                            <img src="assets/img/blog/1.jpg" alt="img">
                        </div>
                        <a href="#" class="tag">Business</a>
                    </div>
                    <div class="cont">
                        <div class="info">
                            <a href="#">By : Admin</a>
                            <a href="#">15 Sep 2019</a>
                        </div>
                        <h6><a href="#">Why buying a big house is a bad investment</a></h6>
                        <p>Lorem Ipsum is simply dummy text of the printing and type setting industry. Lorem Ipsum has
                            been the dummy text ever</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="item mb-md50">
                    <div class="post-img">
                        <div class="img">
                            <img src="assets/img/blog/2.jpg" alt="img">
                        </div>
                        <a href="#" class="tag">Agency</a>
                    </div>
                    <div class="cont">
                        <div class="info">
                            <a href="#">By : Admin</a>
                            <a href="#">10 Jul 2019</a>
                        </div>
                        <h6><a href="#">Successfull business tips and tricks way to grow</a></h6>
                        <p>Dapibus nam gravida hendrerit varius nibh euismod, aenean dictum in pellentesque praesent
                            hac, velit posuere auctor.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="item">
                    <div class="post-img">
                        <div class="img">
                            <img src="assets/img/blog/3.jpg" alt="img">
                        </div>
                        <a href="#" class="tag">Design</a>
                    </div>
                    <div class="cont">
                        <div class="info">
                            <a href="#">By : Admin</a>
                            <a href="#">06 Jul 2019</a>
                        </div>
                        <h6><a href="#">Strategic and commercial approach with issues</a></h6>
                        <p>Augue risus imperdiet mattis maecenas urna laoreet, aliquet pulvinar commodo cubilia
                            porttitor, non ad taciti.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Blog ====
======================================= -->
<!-- =====================================
==== Start Google Map -->
<div class="google-map">
    <div class="aluneth-google-maps" id="aluneth-google-maps" data-hue="" data-lightness="1" data-map-style="2"
         data-saturation="-99" data-longitude="-73.985130" data-latitude="40.758896" data-pin-icon=""
         data-zoom="14" data-map-type="ROADMAP"></div>
    <span class="fa fa-map-marker"></span>
</div>
<!-- End Google Map ====
======================================= -->
<!-- =====================================
==== Start Contact -->
<section class="contact section-padding" data-scroll-index="6">
    <div class="container">
        <div class="row">
            <div class="section-title offset-md-2 col-md-8 offset-lg-3 col-lg-6">
                <span class="small-title">Contact Us</span>
                <h4>Get In Touch</h4>
                <p>We are a passionate digital design agency that specializes in beautiful and easy-to-use digital
                    design & web development services.</p>
            </div>
            <div class="offset-md-1 col-md-10 offset-lg-2 col-lg-8">
                <div class="contact-info">
                    <div class="row">
                        <div class="col-md-4 col-sm-12 mb-50">
                            <div class="item">
                                <span class="icon fa fa-phone"></span>
                                <div class="cont">
                                    <p>+55 555 645 333</p>
                                    <h6>Phone</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 mb-50">
                            <div class="item">
                                <span class="icon fa fa-envelope-o"></span>
                                <div class="cont">
                                    <p>support@website.com</p>
                                    <h6>Email</h6>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-12 mb-50">
                            <div class="item">
                                <span class="icon fa fa-globe"></span>
                                <div class="cont">
                                    <p>NY 1017 United State USA</p>
                                    <h6>Address</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <form class="form" id="contact-form">
                    <div class="messages"></div>
                    <div class="controls">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input id="form_name" type="text" name="name" placeholder="Name"
                                           required="required">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input id="form_email" type="email" name="email" placeholder="Email"
                                           required="required">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <input id="form_subject" type="text" name="subject" placeholder="Subject">
                                </div>
                            </div>
                            <div class="col-md-12">
                                <div class="form-group">
                                    <textarea id="form_message" name="message" placeholder="Message" rows="4"
                                              required="required"></textarea>
                                </div>
                            </div>
                            <div class="col-md-12 text-center">
                                <button type="submit" class="butn butn-bg"><span>Send Message</span></button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- End Contact ====
======================================= -->
<!-- =====================================
==== Start Footer -->
<footer class="text-center pos-re">
    <div class="container">
        <!-- Logo -->
        <a class="logo" href="#">
            <img src="assets/img/logo-light.png" alt="logo">
        </a>
        <div class="social">
            <a href="#"><i class="fa fa-facebook-f"></i></a>
            <a href="#"><i class="fa fa-twitter"></i></a>
            <a href="#"><i class="fa fa-linkedin"></i></a>
            <a href="#"><i class="fa fa-behance"></i></a>
            <a href="#"><i class="fa fa-pinterest-p"></i></a>
        </div>
        <p>&copy; 2019 Aluneth. All Rights Reserved.</p>
    </div>
</footer>
<a href="#" class="backtotop">
    <i class="fa fa-angle-double-up"></i>
</a>
<!-- End Footer ====
======================================= -->
<!-- jQuery -->
<!-- popper.min -->
<!-- bootstrap -->
<!-- scrollIt -->
<!-- jquery.waypoints.min -->
<!-- owl carousel -->
<!-- jquery.magnific-popup js -->
<!-- stellar js -->
<!-- isotope.pkgd.min js -->
<!-- YouTubePopUp.jquery -->
<!-- particles.min.js -->
<!-- autotype.js -->
<!-- theia-sticky-sidebar.min.js -->
<!-- TweenMax.min.js -->
<!--maps.googleapis-->
<!-- custom scripts -->



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 行业 企业 公司 工厂 分类 响应式 自适应 设备 风格 颜色 企业 行业 公司 工厂 bootstrap bootstrap自适应 bootstrap响应式 欧美风 欧美 欧洲 美洲 pc+wap 移动+电脑 手机+电脑 简洁 简约 简单 橙色 商务 商务公司

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到