API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 19th, 2019
155
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.48 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Cuidado de la Piel</title>
  6. <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=3.0, minimum-scale=1.0">
  7. <link rel="stylesheet" href="css/estilos.css">
  8. <link href="https://file.myfontastic.com/zen7o4kjGahxZRTfwc5vHU/icons.css" rel="stylesheet">
  9. </head>
  10. <body>
  11. <header class="main-header">
  12. <div class="container container--flex">
  13. <div class="logo-container column column--50">
  14. <h1 class="logo">Productos De Belleza</h1>
  15. </div>
  16. <div class="main-header__contactInfo column column--50">
  17. <p class="main-header__contactInfo__phone">
  18. <span class="icon-cel">44-34-37-54-21</span>
  19. </p>
  20. </div>
  21. </div>
  22. </header>
  23. <nav class="main-nav">
  24. <div class="container container--flex">
  25. <span class="icon-menu" id="btnmenu"></span>
  26. <ul class="menu" id="menu">
  27. <li class="menu__item"><a href="/" class="menu__link menu__link--select">Inicio</a></li>
  28. <li class="menu__item"><a href="nosotros.html" class="menu__link">Nosotros</a></li>
  29. <li class="menu__item"><a href="contacto.html" class="menu__link">Contacto</a></li>
  30. </ul>
  31. <div class="social-icon">
  32. <a href="" class="social-icon__link"><span class="icon-facebook"></span></a>
  33. <a href="" class="social-icon__link"><span class="icon-twitter"></span></a>
  34. <a href="" class="social-icon__link"><span class="icon-mail"></span></a>
  35. </div>
  36. </div>
  37. </nav>
  38.  
  39. <section class="banner">
  40. <img src="img/banner.jpg" alt="" class="banner__img">
  41. <div class="banner__content">Los mejores productos del cuidado de la piel los encuentras aquí</div>
  42. </section>
  43.  
  44. <main class="main">
  45. <section class="group group--color">
  46. <div class="container">
  47. <h2 class="main__title">Bienvenido al paraiso de su piel</h2>
  48. <p class="main__txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque perspiciatis error deleniti ducimus hic, similique quia corporis, repellendus maiores ipsam iusto cum beatae placeat libero explicabo, iste quibusdam incidunt pariatur!</p>
  49. </div>
  50.  
  51. </section>
  52. <section class="main__about__descriptio">
  53. <div class="container container--felx">
  54. <div class="column column--50">
  55. <img src="img/segundo.jpg" alt="">
  56. </div>
  57. <div class="column column--50">
  58. <h3 class="column__title">Expertos en el cuidado de su piel</h3>
  59. <p class="coumn_txt">LALALALALALALA</p>
  60. <a href="" class="btn btn--contact">Contact</a>
  61.  
  62. </div>
  63. </div>
  64. </section>
  65.  
  66. <section class="group today-special">
  67. <h2 class="today-special__title">Productos</h2>
  68. <div class="container container__flex">
  69. <div class="column column--50-25">
  70. <img src="img/contorno.jpg" alt="" class="today-special__img">
  71. <div class="today-special__title">Contorno para ojos</div>
  72. <div class="today-special__price"></div>
  73. </div>
  74. <div class="column column--50-25">
  75. <img src="img/crema1.jpg" alt="" class="today-special__img">
  76. <div class="today-special__title">Cremas faciales</div>
  77. <div class="today-special__price"></div>
  78. </div>
  79. <div class="column column--50-25">
  80. <img src="img/locion.jpg" alt="" class="today-special__img">
  81. <div class="today-special__title">Lociones</div>
  82. <div class="today-special__price"></div>
  83. </div>
  84. <div class="column column--50-25">
  85. <img src="img/ampolletas.jpg" alt="" class="today-special__img">
  86. <div class="today-special__title">Ampolletas</div>
  87. <div class="today-special__price"></div>
  88. </div>
  89. <div class="column column--50-25">
  90. <img src="img/pantalla.jpg" alt="" class="today-special__img">
  91. <div class="today-special__title">Pantallas y filtros solares</div>
  92. <div class="today-special__price"></div>
  93. </div>
  94. <div class="column column--50-25">
  95. <img src="img/limpieza.jpg" alt="" class="today-special__img">
  96. <div class="today-special__title">Productos de limpieza facil</div>
  97. <div class="today-special__price"></div>
  98. </div>
  99. <div class="column column--50-25">
  100. <img src="img/mascarilla.jpg" alt="" class="today-special__img">
  101. <div class="today-special__title">Mascarillas</div>
  102. <div class="today-special__price"></div>
  103. </div>
  104. <div class="column column--50-25">
  105. <img src="img/apa.jpg" alt="" class="today-special__img">
  106. <div class="today-special__title">Productos para spa</div>
  107. <div class="today-special__price"></div>
  108. </div>
  109. <div class="column column--50-25">
  110. <img src="img/aromaterapia.jpg" alt="" class="today-special__img">
  111. <div class="today-special__title">Aromaterapia</div>
  112. <div class="today-special__price"></div>
  113. </div>
  114. <div class="column column--50-25">
  115. <img src="img/capilar.jpg" alt="" class="today-special__img">
  116. <div class="today-special__title">Capilares</div>
  117. <div class="today-special__price"></div>
  118. </div>
  119. <div class="column column--50-25">
  120. <img src="img/pesta%C3%B1as.jpg" alt="" class="today-special__img">
  121. <div class="today-special__title">Cosmeticos y Otros</div>
  122. <div class="today-special__price"></div>
  123. </div>
  124. </div>
  125. </section>
  126.  
  127.  
  128. </main>
  129. <footer class="main-footer">
  130. <div class="container container--flex">
  131. <div class="column column--33">
  132. <h2 class="column__title">¿Porque comprar nuestros productos?</h2>
  133. <p class="column__txt">Porque voa tenemos los mejores productos de la concha de tu madre</p>
  134. </div>
  135. <div class="column column--33">
  136. <h2 class="column__title">Contáctanos</h2>
  137. <p class="column__txt">Morelia,Michoacan</p>
  138. <p class="column__txt">Teléfono: 44-34-37-54-21</p>
  139. <p class="column__txt">figuera.ym@gmail.com</p>
  140. </div>
  141. <div class="column column--33">
  142. <h2 class="column__title">Síguenos en nuestras redes sociales</h2>
  143. <p class="column__txt"><a href="" class="icon-facebook">Facebook</a></p>
  144.  
  145.  
  146. </div>
  147. <p class="copy">@2019 Productos De Belleza | Todos los derechos reservados</p>
  148. </div>
  149. </footer>
  150.  
  151. </body>
  152. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!