-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (83 loc) · 4.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="images/donut_tab_icon.png">
<link href="css/hover.css" rel="stylesheet" media="all">
<link rel="stylesheet" type="text/css" media="screen" href="main.css" />
<title>Dino Donuts</title>
</head>
<body>
<div class="wrapper">
<header class="header">
<ul class="nav-bar nav-left">
<li class="left"><a class="hvr-wobble-vertical" href="">HOME</a></li>
<li class="left"><a class="hvr-wobble-vertical" href="">ABOUT</a></li>
<li><a class="hvr-wobble-vertical" href="">CONTACT</a></li>
</ul>
<img src="images/dino_donuts_logo.png" alt="Dino Donuts">
<ul class="nav-bar nav-right">
<li><a class="hvr-wobble-vertical" href="">MENU</a></li>
<li class="right"><a class="hvr-wobble-vertical" href="">ORDERS</a></li>
<li class="right"><a class="hvr-wobble-vertical" href="">GALLERY</a></li>
</ul>
</header>
<div class="container-products">
<img class="products-images" src="images/donuts_image.png" alt="Products">
<p>ONLY THE BEST INGREDIENTS FOR THE MOST DELICIOUS PRODUCTS</p>
</div>
<div class="blue-background">
<div class="container-icons">
<a class="hvr-float" href=""><img src="images/icons/donut_icon.png" alt="dounts"></a>
<a class="hvr-float" href=""><img src="images/icons/pastries_icon.png" alt="pastries"></a>
<a class="hvr-float" href=""><img src="images/icons/cake_icon.png" alt="cakes"></a>
<a class="hvr-float" href=""><img src="images/icons/drink_icon.png" alt="drinks"></a>
</div>
<div class="container-info">
<h2>Our Dino Products</h2>
<p class="products-description">Hand-Made, Hand-Finished, Hand-Decorated, Hand-Picked Ingredients</p>
<div class="content-grid">
<img class="cupcake-image" src="images/cupcakes_image.png" alt="cupcakes">
<p class="products-content">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown printer
took a galley of type and scrambled it to make a type specimen book. It has survived not
only five centuries, but also the leap into electronic typesetting, remaining essentially
unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker
including versions of Lorem Ipsum.
</p>
</div>
</div>
<footer class="footer-grid">
<div class="location">
<h3>Location</h3><br>
<p>Walt Disney World Resort, Orlando, FL 32323, USA</p>
</div>
<div class="opening-hours">
<h3>Opening Hours</h3><br>
<p>Monday-Friday: 10am-8pm</p>
<p>Saturday-Sunday: 10am-6pm</p>
</div>
<div class="social-media">
<h3>Follow us</h3><br>
<p>Facebook</p>
<p>Twitter</p>
<p>Instagram</p>
<p>MySpace</p>
</div>
<div class="contact">
<h3>Get in touch</h3><br>
<p>0987654321</p>
<p>sample@sample.com</p>
</div>
<div class="page-end">
<div class="h-line"></div>
<p class="copyright">@ COPYRIGHT 2018 BREAD BREAD BREAD BREAD</p>
</div>
</footer>
</div>
</div>
</body>
</html>