Advertisement
Guest User

Untitled

a guest
Feb 22nd, 2019
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.86 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="author" content="Gabriela Bilanzic">
  7. <title>PZI-Floropedia</title>
  8. <link rel="stylesheet" type="text/css" href="styles/still.css">
  9. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
  10. integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous" />
  11.  
  12.  
  13. </head>
  14.  
  15. <body>
  16.  
  17. <div id="sidenav">
  18. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  19. <a href="index.html">History and meanings</a>
  20. <a href="contact.html">Working time and contact</a>
  21. <a href="gallery.html">Gallery</a>
  22. <a href="bookselection.html">Book selection</a>
  23. </div>
  24.  
  25. <header>
  26. <div id="flex-container">
  27. <i id="items" class="fas fa-bars" onclick="openNav()">MENU</i>
  28. <h1 id="pagename"> "FLORAPEDIA"</h1>
  29. </div>
  30.  
  31. </header>
  32.  
  33. <h1>History and Meaning </h1>
  34.  
  35. <h2>Flowers With a History</h2>
  36. <section id="history" class="flex-history">
  37. <img class="history-image" src="photos/history-flowers.jpeg" alt="Pink rose" />
  38. <p class="history-description">
  39. Scientists say there are over 270,000 species of flowers that have been documented and are living in the 21st
  40. Century.
  41. But scientists have yet to answer basic questions about these marvels of beauty...
  42. What led to their amazing diversity? Are there flowers that have not changed much during the evolution of this
  43. planet?
  44. <br>
  45. The first plant fossils found were woody magnolia-like plants dating back 93 million years.
  46. Paleobotanists have more recently uncovered tiny herb-like flower fossils dating back 120 million years.
  47. Flowering plants, called angiosperms by scientists, were believed to be already diverse and found in most
  48. locations by the middle of the Cretaceous period…
  49. 146 million years ago.
  50. A myriad of images of preserved flowers and flower parts [in very fine detail] have been found in fossils located
  51. in Sweden, Portugal, England, and along the Eastern and Gulf coasts of the United States.
  52. Below are a few brief histories of some of today’s best loved flowers
  53. </p>
  54. </section>
  55. <br>
  56.  
  57. <h2>Flowers With Meaning</h2>
  58. <section id="meaning" class="meaning-box">
  59. <h2 class="section-title"></h2>
  60. <span class="title-underline"></span>
  61. <div id="flower-holder" class="container">
  62. <article class="flower-card">
  63. <img class="flower-image" src="photos/red-rose.jpg" alt="Red-rose" />
  64. <h3 class="flower-name">Red Roses</h3>
  65. <p class="flower-description">
  66. Long associated with beauty and perfection, red roses are a time-honored way to say “I love you.”
  67. Whether it’s for a birthday, Valentine’s Day or just to express appreciation on any old day, there’s no better
  68. way than a bouquet of red roses to express your feelings.
  69. </p>
  70. </article>
  71. <article class="flower-card">
  72. <img class="flower-image" src="photos/sunflowers.jpg" alt="sunflowers" />
  73. <h3 class="flower-name">Sunflower</h3>
  74. <p class="flower-description">
  75. Legend has it that when Spanish explorers reached the Americas, they thought sunflowers were made of real
  76. gold.
  77. Of course, they were wrong, hence the meaning "false riches."
  78. </p>
  79. </article>
  80. <article class="flower-card">
  81. <img class="flower-image" src="photos/redtulipans.jpg" alt="redtulips" />
  82. <h3 class="flower-name">Red Tulips</h3>
  83. <p class="flower-description">
  84. Red roses aren't the only flower with a romantic meaning; red tulips are also considered a declaration of
  85. love.
  86. </p>
  87. </article>
  88. <article class="flower-card">
  89. <img class="flower-image" src="photos/daisy.jpg" alt="daisy" />
  90. <h3 class="flower-name">Daisy</h3>
  91. <p class="flower-description">
  92. Daisies are the first level of Girl Scouts so it's only fitting that they represent innocence.
  93. </p>
  94. </article>
  95. <article class="flower-card">
  96. <img class="flower-image" src="photos/daffodil.jpg" alt="daffodil" />
  97. <h3 class="flower-name">Daffodil</h3>
  98. <p class="flower-description">
  99. Gift these cheery blooms to someone celebrating a new job, a new home, or a new addition to their family —
  100. daffodils symbolize "new beginnings."
  101. </p>
  102. </article>
  103.  
  104.  
  105. </div>
  106. </selecion>
  107.  
  108. <footer>
  109. <hr /> <br />
  110. <h2>Gabriela Bilanzic : All Rights Reserved </h2>
  111. </footer>
  112.  
  113. <div id="new">
  114. <div id=>
  115.  
  116. </div>
  117. </div>
  118.  
  119. </body>
  120.  
  121. </html>
  122.  
  123. <script>
  124. function openNav() {
  125. document.getElementById("sidenav").style.width = "300px";
  126. }
  127.  
  128. function closeNav() {
  129. document.getElementById("sidenav").style.width = "0";
  130. }
  131.  
  132.  
  133. </script><!DOCTYPE html>
  134. <html>
  135.  
  136. <head>
  137. <meta charset="UTF-8">
  138. <meta name="author" content="Gabriela Bilanzic">
  139. <title>PZI-Floropedia</title>
  140. <link rel="stylesheet" type="text/css" href="styles/still.css">
  141. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
  142. integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous" />
  143.  
  144.  
  145. </head>
  146.  
  147. <body>
  148.  
  149. <div id="sidenav">
  150. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
  151. <a href="index.html">History and meanings</a>
  152. <a href="contact.html">Working time and contact</a>
  153. <a href="gallery.html">Gallery</a>
  154. <a href="bookselection.html">Book selection</a>
  155. </div>
  156.  
  157. <header>
  158. <div id="flex-container">
  159. <i id="items" class="fas fa-bars" onclick="openNav()">MENU</i>
  160. <h1 id="pagename"> "FLORAPEDIA"</h1>
  161. </div>
  162.  
  163. </header>
  164.  
  165. <h1>History and Meaning </h1>
  166.  
  167. <h2>Flowers With a History</h2>
  168. <section id="history" class="flex-history">
  169. <img class="history-image" src="photos/history-flowers.jpeg" alt="Pink rose" />
  170. <p class="history-description">
  171. Scientists say there are over 270,000 species of flowers that have been documented and are living in the 21st
  172. Century.
  173. But scientists have yet to answer basic questions about these marvels of beauty...
  174. What led to their amazing diversity? Are there flowers that have not changed much during the evolution of this
  175. planet?
  176. <br>
  177. The first plant fossils found were woody magnolia-like plants dating back 93 million years.
  178. Paleobotanists have more recently uncovered tiny herb-like flower fossils dating back 120 million years.
  179. Flowering plants, called angiosperms by scientists, were believed to be already diverse and found in most
  180. locations by the middle of the Cretaceous period…
  181. 146 million years ago.
  182. A myriad of images of preserved flowers and flower parts [in very fine detail] have been found in fossils located
  183. in Sweden, Portugal, England, and along the Eastern and Gulf coasts of the United States.
  184. Below are a few brief histories of some of today’s best loved flowers
  185. </p>
  186. </section>
  187. <br>
  188.  
  189. <h2>Flowers With Meaning</h2>
  190. <section id="meaning" class="meaning-box">
  191. <h2 class="section-title"></h2>
  192. <span class="title-underline"></span>
  193. <div id="flower-holder" class="container">
  194. <article class="flower-card">
  195. <img class="flower-image" src="photos/red-rose.jpg" alt="Red-rose" />
  196. <h3 class="flower-name">Red Roses</h3>
  197. <p class="flower-description">
  198. Long associated with beauty and perfection, red roses are a time-honored way to say “I love you.”
  199. Whether it’s for a birthday, Valentine’s Day or just to express appreciation on any old day, there’s no better
  200. way than a bouquet of red roses to express your feelings.
  201. </p>
  202. </article>
  203. <article class="flower-card">
  204. <img class="flower-image" src="photos/sunflowers.jpg" alt="sunflowers" />
  205. <h3 class="flower-name">Sunflower</h3>
  206. <p class="flower-description">
  207. Legend has it that when Spanish explorers reached the Americas, they thought sunflowers were made of real
  208. gold.
  209. Of course, they were wrong, hence the meaning "false riches."
  210. </p>
  211. </article>
  212. <article class="flower-card">
  213. <img class="flower-image" src="photos/redtulipans.jpg" alt="redtulips" />
  214. <h3 class="flower-name">Red Tulips</h3>
  215. <p class="flower-description">
  216. Red roses aren't the only flower with a romantic meaning; red tulips are also considered a declaration of
  217. love.
  218. </p>
  219. </article>
  220. <article class="flower-card">
  221. <img class="flower-image" src="photos/daisy.jpg" alt="daisy" />
  222. <h3 class="flower-name">Daisy</h3>
  223. <p class="flower-description">
  224. Daisies are the first level of Girl Scouts so it's only fitting that they represent innocence.
  225. </p>
  226. </article>
  227. <article class="flower-card">
  228. <img class="flower-image" src="photos/daffodil.jpg" alt="daffodil" />
  229. <h3 class="flower-name">Daffodil</h3>
  230. <p class="flower-description">
  231. Gift these cheery blooms to someone celebrating a new job, a new home, or a new addition to their family —
  232. daffodils symbolize "new beginnings."
  233. </p>
  234. </article>
  235.  
  236.  
  237. </div>
  238. </selecion>
  239.  
  240. <footer>
  241. <hr /> <br />
  242. <h2>Gabriela Bilanzic : All Rights Reserved </h2>
  243. </footer>
  244.  
  245. <div id="new">
  246. <div id=>
  247.  
  248. </div>
  249. </div>
  250.  
  251. </body>
  252.  
  253. </html>
  254.  
  255. <script>
  256. function openNav() {
  257. document.getElementById("sidenav").style.width = "300px";
  258. }
  259.  
  260. function closeNav() {
  261. document.getElementById("sidenav").style.width = "0";
  262. }
  263.  
  264.  
  265. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement