Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head>
- <!-- TITULO -->
- <title>Inklesh 1</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- MUDAR ICON -->
- <link rel="icon" href="img/favicon.png"> <!-- MUDAR ICON -->
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <!-- animate CSS -->
- <link rel="stylesheet" href="css/animate.css">
- <!-- owl carousel CSS -->
- <link rel="stylesheet" href="css/owl.carousel.min.css">
- <!-- themify CSS -->
- <link rel="stylesheet" href="css/themify-icons.css">
- <!-- flaticon CSS -->
- <link rel="stylesheet" href="css/flaticon.css">
- <!-- font awesome CSS -->
- <link rel="stylesheet" href="css/magnific-popup.css">
- <!-- swiper CSS -->
- <link rel="stylesheet" href="css/slick.css">
- <link rel="stylesheet" href="css/all.css">
- <!-- style CSS -->
- <link rel="stylesheet" href="css/style.css">
- </head>
- <!-- TITULO -->
- <body>
- <header class="main_menu home_menu">
- <div class="container">
- <div class="row align-items-center">
- <div class="col-lg-12">
- <nav class="navbar navbar-expand-lg navbar-light">
- <a class="navbar-brand" href="index.html"> <img src="img/logo.png" alt="logo"> </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse"
- data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
- aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse main-menu-item justify-content-end"
- id="navbarSupportedContent">
- <ul class="navbar-nav">
- <!-- TITULO
- <li class="nav-item active">
- <a class="nav-link" href="index.html">Home</a>
- </li> -->
- <li class="nav-item">
- <a class="nav-link" href="sobre.html">Sobre</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="servicos.html">Serviços</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" href="portefolio.html">Portfolio</a>
- </li>
- <!--
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="blog.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
- pages
- </a>
- <div class="dropdown-menu" aria-labelledby="navbarDropdown">
- <a class="dropdown-item" href="single-blog.html">Single blog</a>
- <a class="dropdown-item" href="elements.html">Elements</a>
- </div>
- </li>
- -->
- <li class="nav-item">
- <a class="nav-link" href="contactos.html">Contactos</a>
- </li>
- </ul>
- </div>
- </nav>
- </div>
- </div>
- </div>
- </header>
- <!-- banner part start-->
- <section class="banner_p">
- <div class="container">
- <div class="row align-items-center justify-content-between">
- <div class="col-xl-12 col-md-12">
- <div class="banner_text">
- <div class="banner_text_iner text-center">
- <h2>Good art<span>inspires</span> </h2>
- <h3>Good design motivates</h3>
- <!-- <a href="#" class="btn_1">learn more <i class="ti-angle-right"></i> </a> -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
- <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_4.png" alt=""></div>
- </section>
- <section class="happy_client5"></section> <!-- LINHA AZUL ANTES DO DESIGN -->
- <section class="happy_client2"></section> <!-- DESIGN -->
- <section class="blog_part section_padding">
- <div class="container">
- <div class="row justify-content-center">
- <div class="col-xl-5">
- <div class="section_tittle text-center">
- <h2>Novidades</h2>
- </div>
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_7.png" alt=""></div>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-6 col-lg-4 col-xl-4">
- <div class="single-home-blog">
- <div class="card">
- <img src="img/blog/blog_1.png" class="card-img-top" alt="blog">
- <div class="card-body">
- <a href="https://www.behance.net/gallery/31151135/Parrot"> <h3 class="card-title">PARROT</h3></a>
- <br>
- <a href="">PHOTOMANIPULATION</a> | <span> NOV. 13, 2015</span>
- <a href="https://www.behance.net/gallery/31151135/Parrot">
- <h6 class="card-title">One of my favourite artworks. Made in Photoshop CS5. Hope you enjoy it.</h6></a>
- <ul>
- <li> <i class="ti-comments"></i>0 Comments</li>
- <li> <i class="ti-eye"></i>165 View</li>
- <br>
- </ul>
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-lg-4 col-xl-4">
- <div class="single-home-blog">
- <div class="card">
- <img src="img/blog/blog_2.png" class="card-img-top" alt="blog">
- <div class="card-body">
- <a href="art1.html"> <h3 class="card-title">SENSE OF DREAMS</h3></a>
- <br>
- <a href="blog.html">FLYER</a> | <span> OUT. 17, 2017</span>
- <a href="blog.html">
- <h6 class="card-title">Very and third him beginning signs hath subdue make </h6>
- </a>
- <ul>
- <li> <i class="ti-comments"></i>4 Comments</li>
- <li> <i class="ti-eye"></i>10 View</li>
- </ul>
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
- <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_4.png" alt=""></div>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-lg-4 col-xl-4">
- <div class="single-home-blog">
- <div class="card">
- <img src="img/blog/blog_3.png" class="card-img-top" alt="blog">
- <div class="card-body">
- <a href="https://www.behance.net/gallery/73147497/Fresh-Mood-B-out"> <h3 class="card-title">FRESH MOOD</h3></a>
- <br>
- <a href="blog.html">FLYER</a> | <span> NOV. 29, 2018</span>
- <a href="blog.html">
- <h6 class="card-title">Seasons form upon days may wont bring given herb sixth</h6></a>
- <ul>
- <li> <i class="ti-comments"></i>0 Comments</li>
- <li> <i class="ti-eye"></i>15 View</li>
- </ul>
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section class="happy_client3"></section>
- <!-- banner part start-->
- <!-- happy_client counter start -->
- <section class="happy_client">
- <div class="container">
- <div class="row">
- <div class="col-lg-3 col-sm-6">
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_4.png" alt=""></div>
- <div class="single_happy_client">
- <img src="img/icon/cap.svg" alt="cap">
- <span class="counter">85</span>
- <h4>Clientes<br>Satisfeitos</h4>
- </div><br>
- <h4>Clientes Satisfeitos</h4>
- </div>
- <div class="col-lg-3 col-sm-6">
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_2.png" alt=""></div>
- <div class="single_happy_client">
- <img src="img/icon/bag.svg" alt="cap">
- <span class="counter">95</span>
- <h4> Projetos</h4>
- </div>
- </div>
- <div class="col-lg-3 col-sm-6">
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_5.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_7.png" alt=""></div>
- <div class="single_happy_client">
- <img src="img/icon/shirt.svg" alt="cap">
- <span class="counter">75</span>
- <h4>Projetos<br>Completos </h4>
- </div>
- </div>
- <div class="col-lg-3 col-sm-6">
- <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
- <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
- <div class="single_happy_client">
- <img src="img/icon/cafe.svg" alt="cap">
- <span class="counter">95</span>
- <h4>work<br>completed</h4>
- </div>
- </div>
- </div>
- </div>
- </section>
- <!-- happy_client counter end -->
- <!-- footer part start-->
- <footer class="footer-area">
- <div class="container">
- <div class="row justify-content-between">
- <div class="col-sm-6 col-md-6 col-xl-6">
- <div class="single-footer-widget footer_1">
- <a href="index.html"> <img src="img/logo2.png" alt="" width="50%" height="50%" > </a>
- </div>
- </div>
- <div class="col-sm-6 col-md-6 col-xl-6">
- <div class="single-footer-widget footer_2">
- <h4>Mantem-te em contacto</h4>
- <p>Stay updated with our latest trends Seed heaven so said place winged over given forth fruit.
- </p>
- <div class="social_icon">
- <a href="#"> <i class="ti-facebook"></i> </a>
- <a href="#"> <i class="ti-twitter-alt"></i> </a>
- <a href="#"> <i class="ti-instagram"></i> </a>
- <a href="#"> <i class="ti-skype"></i> </a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </footer>
- <!-- jquery plugins here-->
- <!-- jquery -->
- <script src="js/jquery-1.12.1.min.js"></script>
- <!-- popper js -->
- <script src="js/popper.min.js"></script>
- <!-- bootstrap js -->
- <script src="js/bootstrap.min.js"></script>
- <!-- easing js -->
- <script src="js/jquery.magnific-popup.js"></script>
- <!-- swiper js -->
- <script src="js/swiper.min.js"></script>
- <!-- swiper js -->
- <script src="js/masonry.pkgd.js"></script>
- <!-- particles js -->
- <script src="js/owl.carousel.min.js"></script>
- <script src="js/jquery.counterup.min.js"></script>
- <script src="js/waypoints.min.js"></script>
- <script src="js/owl.carousel2.thumbs.min.js"></script>
- <!-- swiper js -->
- <script src="js/slick.min.js"></script>
- <!-- custom js -->
- <script src="js/custom.js"></script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement