Advertisement
Guest User

Untitled

a guest
Nov 20th, 2019
139
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <!-- TITULO -->
  6. <title>Inklesh 1</title>
  7.  
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  10.  
  11. <!-- MUDAR ICON -->
  12. <link rel="icon" href="img/favicon.png"> <!-- MUDAR ICON -->
  13. <!-- Bootstrap CSS -->
  14. <link rel="stylesheet" href="css/bootstrap.min.css">
  15. <!-- animate CSS -->
  16. <link rel="stylesheet" href="css/animate.css">
  17. <!-- owl carousel CSS -->
  18. <link rel="stylesheet" href="css/owl.carousel.min.css">
  19. <!-- themify CSS -->
  20. <link rel="stylesheet" href="css/themify-icons.css">
  21. <!-- flaticon CSS -->
  22. <link rel="stylesheet" href="css/flaticon.css">
  23. <!-- font awesome CSS -->
  24. <link rel="stylesheet" href="css/magnific-popup.css">
  25. <!-- swiper CSS -->
  26. <link rel="stylesheet" href="css/slick.css">
  27. <link rel="stylesheet" href="css/all.css">
  28. <!-- style CSS -->
  29. <link rel="stylesheet" href="css/style.css">
  30.  
  31. </head>
  32.  
  33. <!-- TITULO -->
  34.  
  35. <body>
  36. <header class="main_menu home_menu">
  37. <div class="container">
  38. <div class="row align-items-center">
  39. <div class="col-lg-12">
  40. <nav class="navbar navbar-expand-lg navbar-light">
  41. <a class="navbar-brand" href="index.html"> <img src="img/logo.png" alt="logo"> </a>
  42. <button class="navbar-toggler" type="button" data-toggle="collapse"
  43. data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  44. aria-expanded="false" aria-label="Toggle navigation">
  45. <span class="navbar-toggler-icon"></span>
  46. </button>
  47.  
  48. <div class="collapse navbar-collapse main-menu-item justify-content-end"
  49. id="navbarSupportedContent">
  50. <ul class="navbar-nav">
  51. <!-- TITULO
  52. <li class="nav-item active">
  53. <a class="nav-link" href="index.html">Home</a>
  54. </li> -->
  55. <li class="nav-item">
  56. <a class="nav-link" href="sobre.html">Sobre</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link" href="servicos.html">Serviços</a>
  60. </li>
  61. <li class="nav-item">
  62. <a class="nav-link" href="portefolio.html">Portfolio</a>
  63. </li>
  64.  
  65. <!--
  66.  
  67. <li class="nav-item dropdown">
  68. <a class="nav-link dropdown-toggle" href="blog.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  69. pages
  70. </a>
  71. <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  72. <a class="dropdown-item" href="single-blog.html">Single blog</a>
  73. <a class="dropdown-item" href="elements.html">Elements</a>
  74. </div>
  75. </li>
  76.  
  77. -->
  78.  
  79. <li class="nav-item">
  80. <a class="nav-link" href="contactos.html">Contactos</a>
  81. </li>
  82. </ul>
  83. </div>
  84. </nav>
  85. </div>
  86. </div>
  87. </div>
  88. </header>
  89.  
  90. <!-- banner part start-->
  91. <section class="banner_p">
  92. <div class="container">
  93. <div class="row align-items-center justify-content-between">
  94. <div class="col-xl-12 col-md-12">
  95. <div class="banner_text">
  96. <div class="banner_text_iner text-center">
  97. <h2>Good art<span>inspires</span> </h2>
  98. <h3>Good design motivates</h3>
  99. <!-- <a href="#" class="btn_1">learn more <i class="ti-angle-right"></i> </a> -->
  100. </div>
  101. </div>
  102. </div>
  103.  
  104. </div>
  105. </div>
  106. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  107. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  108. <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
  109. <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_4.png" alt=""></div>
  110.  
  111.  
  112.  
  113. </section>
  114. <section class="happy_client5"></section> <!-- LINHA AZUL ANTES DO DESIGN -->
  115. <section class="happy_client2"></section> <!-- DESIGN -->
  116.  
  117.  
  118. <section class="blog_part section_padding">
  119. <div class="container">
  120. <div class="row justify-content-center">
  121.  
  122. <div class="col-xl-5">
  123. <div class="section_tittle text-center">
  124.  
  125.  
  126. <h2>Novidades</h2>
  127.  
  128. </div>
  129. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  130. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  131. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_7.png" alt=""></div>
  132.  
  133.  
  134. </div>
  135. </div>
  136. <div class="row">
  137.  
  138. <div class="col-sm-6 col-lg-4 col-xl-4">
  139. <div class="single-home-blog">
  140. <div class="card">
  141. <img src="img/blog/blog_1.png" class="card-img-top" alt="blog">
  142. <div class="card-body">
  143. <a href="https://www.behance.net/gallery/31151135/Parrot"> <h3 class="card-title">PARROT</h3></a>
  144. <br>
  145. <a href="">PHOTOMANIPULATION</a> | <span> NOV. 13, 2015</span>
  146. <a href="https://www.behance.net/gallery/31151135/Parrot">
  147. <h6 class="card-title">One of my favourite artworks. Made in Photoshop CS5. Hope you enjoy it.</h6></a>
  148. <ul>
  149. <li> <i class="ti-comments"></i>0 Comments</li>
  150. <li> <i class="ti-eye"></i>165 View</li>
  151. <br>
  152.  
  153. </ul>
  154. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  155. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  156. <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
  157.  
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <div class="col-sm-6 col-lg-4 col-xl-4">
  163. <div class="single-home-blog">
  164. <div class="card">
  165. <img src="img/blog/blog_2.png" class="card-img-top" alt="blog">
  166. <div class="card-body">
  167. <a href="art1.html"> <h3 class="card-title">SENSE OF DREAMS</h3></a>
  168. <br>
  169.  
  170. <a href="blog.html">FLYER</a> | <span> OUT. 17, 2017</span>
  171. <a href="blog.html">
  172. <h6 class="card-title">Very and third him beginning signs hath subdue make </h6>
  173. </a>
  174. <ul>
  175. <li> <i class="ti-comments"></i>4 Comments</li>
  176. <li> <i class="ti-eye"></i>10 View</li>
  177. </ul>
  178. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  179. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  180. <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
  181. <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_4.png" alt=""></div>
  182. </div>
  183. </div>
  184. </div>
  185.  
  186. </div>
  187. <div class="col-sm-6 col-lg-4 col-xl-4">
  188. <div class="single-home-blog">
  189. <div class="card">
  190. <img src="img/blog/blog_3.png" class="card-img-top" alt="blog">
  191. <div class="card-body">
  192. <a href="https://www.behance.net/gallery/73147497/Fresh-Mood-B-out"> <h3 class="card-title">FRESH MOOD</h3></a>
  193. <br>
  194. <a href="blog.html">FLYER</a> | <span> NOV. 29, 2018</span>
  195. <a href="blog.html">
  196. <h6 class="card-title">Seasons form upon days may wont bring given herb sixth</h6></a>
  197. <ul>
  198. <li> <i class="ti-comments"></i>0 Comments</li>
  199. <li> <i class="ti-eye"></i>15 View</li>
  200. </ul>
  201. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  202. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  203. <div class="hero-app-7 custom-animation3"><img src="img/animate_icon/icon_2.png" alt=""></div>
  204.  
  205.  
  206. </div>
  207. </div>
  208. </div>
  209. </div>
  210.  
  211. </div>
  212.  
  213. </div>
  214.  
  215. </section>
  216.  
  217. <section class="happy_client3"></section>
  218. <!-- banner part start-->
  219. <!-- happy_client counter start -->
  220. <section class="happy_client">
  221. <div class="container">
  222.  
  223. <div class="row">
  224. <div class="col-lg-3 col-sm-6">
  225.  
  226. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  227. <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_4.png" alt=""></div>
  228. <div class="single_happy_client">
  229. <img src="img/icon/cap.svg" alt="cap">
  230. <span class="counter">85</span>
  231. <h4>Clientes<br>Satisfeitos</h4>
  232. </div><br>
  233. <h4>Clientes Satisfeitos</h4>
  234. </div>
  235. <div class="col-lg-3 col-sm-6">
  236. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  237.  
  238. <div class="hero-app-8 custom-animation"><img src="img/animate_icon/icon_2.png" alt=""></div>
  239. <div class="single_happy_client">
  240. <img src="img/icon/bag.svg" alt="cap">
  241. <span class="counter">95</span>
  242. <h4> Projetos</h4>
  243. </div>
  244. </div>
  245. <div class="col-lg-3 col-sm-6">
  246. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_5.png" alt=""></div>
  247. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_7.png" alt=""></div>
  248.  
  249. <div class="single_happy_client">
  250. <img src="img/icon/shirt.svg" alt="cap">
  251. <span class="counter">75</span>
  252. <h4>Projetos<br>Completos </h4>
  253. </div>
  254. </div>
  255. <div class="col-lg-3 col-sm-6">
  256. <div class="hero-app-1 custom-animation"><img src="img/animate_icon/icon_1.png" alt=""></div>
  257. <div class="hero-app-5 custom-animation2"><img src="img/animate_icon/icon_3.png" alt=""></div>
  258. <div class="single_happy_client">
  259. <img src="img/icon/cafe.svg" alt="cap">
  260. <span class="counter">95</span>
  261. <h4>work<br>completed</h4>
  262. </div>
  263. </div>
  264. </div>
  265. </div>
  266. </section>
  267.  
  268.  
  269.  
  270. <!-- happy_client counter end -->
  271.  
  272.  
  273. <!-- footer part start-->
  274. <footer class="footer-area">
  275. <div class="container">
  276. <div class="row justify-content-between">
  277. <div class="col-sm-6 col-md-6 col-xl-6">
  278. <div class="single-footer-widget footer_1">
  279. <a href="index.html"> <img src="img/logo2.png" alt="" width="50%" height="50%" > </a>
  280. </div>
  281. </div>
  282. <div class="col-sm-6 col-md-6 col-xl-6">
  283. <div class="single-footer-widget footer_2">
  284. <h4>Mantem-te em contacto</h4>
  285. <p>Stay updated with our latest trends Seed heaven so said place winged over given forth fruit.
  286. </p>
  287. <div class="social_icon">
  288. <a href="#"> <i class="ti-facebook"></i> </a>
  289. <a href="#"> <i class="ti-twitter-alt"></i> </a>
  290. <a href="#"> <i class="ti-instagram"></i> </a>
  291. <a href="#"> <i class="ti-skype"></i> </a>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296.  
  297. </div>
  298.  
  299. </footer>
  300.  
  301.  
  302.  
  303. <!-- jquery plugins here-->
  304.  
  305. <!-- jquery -->
  306. <script src="js/jquery-1.12.1.min.js"></script>
  307. <!-- popper js -->
  308. <script src="js/popper.min.js"></script>
  309. <!-- bootstrap js -->
  310. <script src="js/bootstrap.min.js"></script>
  311. <!-- easing js -->
  312. <script src="js/jquery.magnific-popup.js"></script>
  313. <!-- swiper js -->
  314. <script src="js/swiper.min.js"></script>
  315. <!-- swiper js -->
  316. <script src="js/masonry.pkgd.js"></script>
  317. <!-- particles js -->
  318. <script src="js/owl.carousel.min.js"></script>
  319. <script src="js/jquery.counterup.min.js"></script>
  320. <script src="js/waypoints.min.js"></script>
  321. <script src="js/owl.carousel2.thumbs.min.js"></script>
  322. <!-- swiper js -->
  323. <script src="js/slick.min.js"></script>
  324. <!-- custom js -->
  325. <script src="js/custom.js"></script>
  326. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement