forked from vanitha0626/HTML5-CSS3
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.htm
More file actions
executable file
·105 lines (95 loc) · 3.81 KB
/
index.htm
File metadata and controls
executable file
·105 lines (95 loc) · 3.81 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
<title>La Belique Cormande</title>
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/960_12_col.css" />
<link rel="stylesheet" type="text/css" href="css/text.css" />
<link href="https://fonts.googleapis.com/css?family=Oleo+Script" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="utf-8">
<meta name="description" content="chocolate shop">
<meta name="keyword" content="biggest chocolate shop,sweet chocolate">
</head>
<body>
<!--sections for navigation -->
<div class="imgfix container_12">
<header class="head">
<img class="img grid_12" src="img/main.jpg">
<nav>
<ul>
<li class="items"><a href="#">Home</li>
<li class="item"><a href="#">About</li>
</ul>
</nav>
</header>
<!-- section for hero tag -->
<article class="hero">
<img class="grid_12" src="img/hero.jpg">
</article>
<div class="clearfix">
<!-- section for first column -->
<section class="col1 grid_4">
<img class="img1" src="img/dark.jpg">
<div>
<p>
Dark chocolate is a form of chocolate which has a higher content of cocoa butter and less milk than other forms of chocolate. Government
and industry standards of what products may be labeled "dark chocolate" vary by country and market
</p>
</div>
</section>
<!-- section for second column -->
<section class="col1 grid_4">
<img class="img1" src="img/white.jpg">
<section> <p>
White chocolate doesn't qualify as genuine chocolate because it doesn't contain chocolate solids (a.k.a. cocoa powder).
White chocolate is typically made from a blend of cocoa butter, milk solids, sugar, milk fat and lecithin — a fatty emulsifier
that holds it all together.
</p>
</section>
</section>
<!-- section for third column -->
<section class="col1 grid_4">
<img class="img1" src="img/sweet.jpg">
<section>
<p>
Semisweet chocolate" is frequently used for cooking purposes. It is a dark chocolate with (by definition in Swiss usage) half as much sugar as cocoa, beyond which it is "sweet chocolate."Semisweet chocolate does not contain milk solids.
</p>
</section>
</section>
</div>
<!-- linked to add video in the grid -->
<article class="grid_7">
<iframe width="550" height="480" src="https://www.youtube.com/embed/PkmlnVPgqKM" frameborder="0" allowfullscreen></iframe>
</article>
<!-- linked to add map in the grid -->
<aside class="grid_5">
<article>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3889.866874608375!2d77.66520361482078!3d12.851873790934505!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMTLCsDUxJzA2LjgiTiA3N8KwNDAnMDIuNiJF!5e0!3m2!1sen!2s!4v1493146061301" width="370" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
</article>
<!--two rows are found-->
<section>
<p class="para">Contact number:9876543210
</p>
</section>
<section>
<p class="para"> Working days:9.00am-6.00pm
</p>
<p class="para"> Weekend:9.00am-9.00pm
</p>
</section>
</aside>
<hr>
<!-- footer part-->
<footer class="foo grid_12">
<center>
<i class="fa fa-facebook-square fa-4x" aria-hidden="true"></i>
<i class="fa fa-twitter fa-4x" aria-hidden="true"></i>
<i class="fa fa-telegram fa-4x" aria-hidden="true"></i>
<p >© La Belgique Courmande</p>
</center>
</footer>
</div>
</body>
</html>