EVOLUTION-MANAGER
Edit File: single-portfolio.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- Title --> <title>Alazea - Gardening & Landscaping HTML Template</title> <!-- Favicon --> <link rel="icon" href="img/core-img/favicon.ico"> <!-- Core Stylesheet --> <link rel="stylesheet" href="style.css"> </head> <body> <!-- Preloader --> <div class="preloader d-flex align-items-center justify-content-center"> <div class="preloader-circle"></div> <div class="preloader-img"> <img src="img/core-img/leaf.png" alt=""> </div> </div> <!-- ##### Header Area Start ##### --> <header class="header-area"> <!-- ***** Top Header Area ***** --> <div class="top-header-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="top-header-content d-flex align-items-center justify-content-between"> <!-- Top Header Content --> <div class="top-header-meta"> <a href="#" data-toggle="tooltip" data-placement="bottom" title="infodeercreative@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span>Email: infodeercreative@gmail.com</span></a> <a href="#" data-toggle="tooltip" data-placement="bottom" title="+1 234 122 122"><i class="fa fa-phone" aria-hidden="true"></i> <span>Call Us: +1 234 122 122</span></a> </div> <!-- Top Header Content --> <div class="top-header-meta d-flex"> <!-- Language Dropdown --> <div class="language-dropdown"> <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle mr-30" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Language</button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">USA</a> <a class="dropdown-item" href="#">UK</a> <a class="dropdown-item" href="#">Bangla</a> <a class="dropdown-item" href="#">Hindi</a> <a class="dropdown-item" href="#">Spanish</a> <a class="dropdown-item" href="#">Latin</a> </div> </div> </div> <!-- Login --> <div class="login"> <a href="#"><i class="fa fa-user" aria-hidden="true"></i> <span>Login</span></a> </div> <!-- Cart --> <div class="cart"> <a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span>Cart <span class="cart-quantity">(1)</span></span></a> </div> </div> </div> </div> </div> </div> </div> <!-- ***** Navbar Area ***** --> <div class="alazea-main-menu"> <div class="classy-nav-container breakpoint-off"> <div class="container"> <!-- Menu --> <nav class="classy-navbar justify-content-between" id="alazeaNav"> <!-- Nav Brand --> <a href="index.html" class="nav-brand"><img src="img/core-img/logo.png" alt=""></a> <!-- Navbar Toggler --> <div class="classy-navbar-toggler"> <span class="navbarToggler"><span></span><span></span><span></span></span> </div> <!-- Menu --> <div class="classy-menu"> <!-- Close Button --> <div class="classycloseIcon"> <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div> </div> <!-- Navbar Start --> <div class="classynav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="#">Pages</a> <ul class="dropdown"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="shop.html">Shop</a> <ul class="dropdown"> <li><a href="shop.html">Shop</a></li> <li><a href="shop-details.html">Shop Details</a></li> <li><a href="cart.html">Shopping Cart</a></li> <li><a href="checkout.html">Checkout</a></li> </ul> </li> <li><a href="portfolio.html">Portfolio</a> <ul class="dropdown"> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="single-portfolio.html">Portfolio Details</a></li> </ul> </li> <li><a href="blog.html">Blog</a> <ul class="dropdown"> <li><a href="blog.html">Blog</a></li> <li><a href="single-post.html">Blog Details</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </li> <li><a href="shop.html">Shop</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="contact.html">Contact</a></li> </ul> <!-- Search Icon --> <div id="searchIcon"> <i class="fa fa-search" aria-hidden="true"></i> </div> </div> <!-- Navbar End --> </div> </nav> <!-- Search Form --> <div class="search-form"> <form action="#" method="get"> <input type="search" name="search" id="search" placeholder="Type keywords & press enter..."> <button type="submit" class="d-none"></button> </form> <!-- Close Icon --> <div class="closeIcon"><i class="fa fa-times" aria-hidden="true"></i></div> </div> </div> </div> </div> </header> <!-- ##### Header Area End ##### --> <!-- ##### Breadcrumb Area Start ##### --> <div class="breadcrumb-area"> <!-- Top Breadcrumb Area --> <div class="top-breadcrumb-area bg-img bg-overlay d-flex align-items-center justify-content-center" style="background-image: url(img/bg-img/24.jpg);"> <h2>SINGLE PORTFOLIO</h2> </div> <div class="container"> <div class="row"> <div class="col-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i> Home</a></li> <li class="breadcrumb-item"><a href="#">Portfolio</a></li> <li class="breadcrumb-item active" aria-current="page">Single Portfolio</li> </ol> </nav> </div> </div> </div> </div> <!-- ##### Breadcrumb Area End ##### --> <!-- ##### Portfolio Detaila Area Start ##### --> <section class="portfolio-details-area section-padding-0-100"> <div class="container"> <div class="row"> <div class="col-12"> <!-- Section Heading --> <div class="section-heading text-center"> <h2>THE ABEL VILLA’S GARDEN DESIGN</h2> <p>Design & constructed by Alazea.</p> </div> </div> </div> <div class="portfolio-text mb-100"> <div class="row"> <div class="col-12 col-lg-6"> <h5>About this project</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam laoreet, libero sedomin dignissim maximus, ex lorem honcus nisl, quis rhoncus dui elit in magna. Donec efficitur, senget mantis cursus, enim augue iaculis enim, eu rutrum augue diam id nunc.</p> <p>Maecenas tincidunt ornare aliquet. Phasellus mattis arcu quis dolor sollicitudin sagittis. On inter donpo porta ultricies. Mauris nec urna a urna commodo rutrum sollicitudin nec neque. Sed vel justo a mi fermentum consequat. In eget luctus lectus. Aliquam malesuada nunc justo.</p> </div> <div class="col-12 col-lg-6"> <h5>Main idea and details</h5> <p>Phasellus elefend odio quis dolor pretium condimentu. Morbi quis mauris ipsum rocket racoon Suspendisse auctor magna ac porta ornare. Fusce finibus nibh at lacinia lobortis.</p> <ul> <li><i class="fa fa-check"></i> Vivamus starlord finibus, massa eget, suscipit metus nami at elit started</li> <li><i class="fa fa-check"></i> Cras ipsum libero, suscipit vitamin tellus vitae, feugiat ultricies purus praesent gamora.</li> <li><i class="fa fa-check"></i> Proin ex sem, ultrices drax the sit amet, facilisis destroyer et odio profession risusest.</li> <li><i class="fa fa-check"></i> Morbi maximus mauris eget groot dignissim, in laoreet justo facilisis.</li> </ul> </div> <div class="col-12"> <h5>Client requirements</h5> <p>Pellentesque rhoncus, sem non bibendum accumsan, nulla lacus accumsan libero, non laoreet nunc ex in metus. Nam vitae justo quis mauris lacinia ultrices. In aliquet, elit id lobortis venenatis, mauris nulla posuere felis, ut efficitur elit diam nec purus. Aenean convallis justo augue finibus mollis. Nullam diam nibh, porttitor non arcu ac, feugiat feugiat mauris.</p> </div> </div> </div> </div> <!-- Portfolio Slides --> <div class="portfolio-slides owl-carousel mb-100"> <!-- Single Portfolio Slide --> <div class="single-portfolio-slide"> <img src="img/bg-img/26.jpg" alt=""> </div> <!-- Single Portfolio Slide --> <div class="single-portfolio-slide"> <img src="img/bg-img/27.jpg" alt=""> </div> <!-- Single Portfolio Slide --> <div class="single-portfolio-slide"> <img src="img/bg-img/28.jpg" alt=""> </div> </div> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-lg-8"> <h5>Tracking progress on a project</h5> <p class="mb-30">Lorem nam in bibendum nulla. Duis lobortis quam interdum nisl congue, ac facilisis ipsum cursus. Etiam viverra mi action sapien vestibulum, sollicitudin sodales neque pulvinar. Vivamus tincidunt iaculis ipsum ac convallis. Maecenas quam sodhe, commodo turpis vel, luctus interdum sem. In scelerisque suscipit velit moondragon. Nullam gravida risus in semper lobortis. Sed vitamin at mi eleifend feugiat. In id euismod elit. Proin ac sapien massa. Donec facilisis leo et ante dignissim posuere.</p> <h5>Master plant, Moodboards & Visualisations</h5> <p class="mb-30">Quisque commodo nec lacus vel tempus. Duis tristique mi vitae cosmo suscipit vestibulum. Vivamus et turpis velit. Sed auctor sapien neque, nec commodo eros congue flash. Proin sollicitudin enim lorem, quis auctor velit molestie viverra. Fusce in velit scelerisque, luctus odio efficitur, efficitur ipsum. Quisque nec nibh sit amet enim rutrum molestie major victory. Curabitur id pretium lectus. Ut in viverra ex. In pharetra efficitur nisi et porta.</p> <h5>Finish & Payment</h5> <p>Cras facilisis pellentesque tellus, yondu pretium justo sagittis ac. Sed egestas diam sit amet arcu sodales, estima pharetra sapien condimentum. Duis eget dolor placerat, gravida ipsum vel, tempus est. Pellentesque non nisl nec ante venenatis egestas maximus. Suspendisse id enim pharetra, euismod tellus id, endrerit sem.</p> </div> <div class="col-12 col-lg-3"> <div class="portfolio-details-meta"> <h5>Date (Start - Finish)</h5> <p>21 Jan 2018 - 15 Apr 2018</p> </div> <div class="portfolio-details-meta"> <h5>Client</h5> <p>Abel Company</p> </div> <div class="portfolio-details-meta"> <h5>Project Type</h5> <p>Office plant design, Garden design</p> </div> <div class="portfolio-details-meta"> <h5>Designer</h5> <p>Joseph Corbin, Tasha Deserio</p> </div> <div class="portfolio-details-meta"> <h5>Plan manager</h5> <p>Cody Baker, Chris Smalling</p> </div> <div class="portfolio-details-meta"> <h5>Total contract value</h5> <p>$500,000</p> </div> </div> </div> </div> </section> <!-- ##### Portfolio Detaila Area End ##### --> <!-- ##### Footer Area Start ##### --> <footer class="footer-area bg-img" style="background-image: url(img/bg-img/3.jpg);"> <!-- Main Footer Area --> <div class="main-footer-area"> <div class="container"> <div class="row"> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="footer-logo mb-30"> <a href="#"><img src="img/core-img/logo.png" alt=""></a> </div> <p>Lorem ipsum dolor sit samet, consectetur adipiscing elit. India situs atione mantor</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>QUICK LINK</h5> </div> <nav class="widget-nav"> <ul> <li><a href="#">Purchase</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Payment</a></li> <li><a href="#">News</a></li> <li><a href="#">Return</a></li> <li><a href="#">Advertise</a></li> <li><a href="#">Shipping</a></li> <li><a href="#">Career</a></li> <li><a href="#">Orders</a></li> <li><a href="#">Policities</a></li> </ul> </nav> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>BEST SELLER</h5> </div> <!-- Single Best Seller Products --> <div class="single-best-seller-product d-flex align-items-center"> <div class="product-thumbnail"> <a href="shop-details.html"><img src="img/bg-img/4.jpg" alt=""></a> </div> <div class="product-info"> <a href="shop-details.html">Cactus Flower</a> <p>$10.99</p> </div> </div> <!-- Single Best Seller Products --> <div class="single-best-seller-product d-flex align-items-center"> <div class="product-thumbnail"> <a href="shop-details.html"><img src="img/bg-img/5.jpg" alt=""></a> </div> <div class="product-info"> <a href="shop-details.html">Tulip Flower</a> <p>$11.99</p> </div> </div> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>CONTACT</h5> </div> <div class="contact-information"> <p><span>Address:</span> 505 Silk Rd, New York</p> <p><span>Phone:</span> +1 234 122 122</p> <p><span>Email:</span> info.deercreative@gmail.com</p> <p><span>Open hours:</span> Mon - Sun: 8 AM to 9 PM</p> <p><span>Happy hours:</span> Sat: 2 PM to 4 PM</p> </div> </div> </div> </div> </div> </div> <!-- Footer Bottom Area --> <div class="footer-bottom-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="border-line"></div> </div> <!-- Copywrite Text --> <div class="col-12 col-md-6"> <div class="copywrite-text"> <p> <a href="https://www.templatespoint.net" target="_blank">Templates Point</a></p> </div> </div> <!-- Footer Nav --> <div class="col-12 col-md-6"> <div class="footer-nav"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </div> </div> </div> </div> </div> </footer> <!-- ##### Footer Area End ##### --> <!-- ##### All Javascript Files ##### --> <!-- jQuery-2.2.4 js --> <script src="js/jquery/jquery-2.2.4.min.js"></script> <!-- Popper js --> <script src="js/bootstrap/popper.min.js"></script> <!-- Bootstrap js --> <script src="js/bootstrap/bootstrap.min.js"></script> <!-- All Plugins js --> <script src="js/plugins/plugins.js"></script> <!-- Active js --> <script src="js/active.js"></script> </body> </html>