-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (138 loc) · 4.84 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FroYo</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav class="navbar">
<div class="navbar-container">
<ul class="menu-items menu-right">
<li><a href="#Flavours">Flavours</a></li>
<li><a href="#malai">Malai</a></li>
<li><a href="#buy">Where to Buy</a></li>
</ul>
<div class="logo">
<img src="./images/logo-final.png">
</div>
<ul class="menu-items menu-left">
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
<section class="showcase-area" id="showcase">
<div class="showcase-container">
<div class="showcase-left">
<div class="showcase-heading">
<h1>
FroYo
</h1>
<h3>For You</h3>
<h4>
Every Swirl and Twirl a Magic Thrill!
</h4>
</div>
<div class="scoop-button">
<form action="#buy">
<input type="submit" value="Get your FroYo!" />
</form>
</div>
</div>
<div class="showcase-img">
<img src="./images/header-final.png">
</div>
</div>
</section>
<section id="flavours">
<div class="flavour-container flavour-wrapper">
<div class="left">
<h1 class="flavor-text">
Find your new <br>fave flavor.
</h1>
<div class="flavor-button">
<form action="#flavours">
<input type="submit" value="Flavours" />
</form>
</div>
</div>
<div class="flavor-img">
<img src="./images/home-new-flavor.png">
</div>
</div>
</section>
<section id="malai">
<div class="malai-container">
<div class="malai-new">
<div class="new">
<h1 class="new-text">
There is Something New<br>
<span>#MalaiMagic</span>
</h1>
</div>
</div>
</div>
<div class="new-img1">
<a href="#malai"><img src="./images/malai-img.png"></a>
</div>
</section>
<section id="buy">
<div class="buy-container">
<h2 class="buy-text">
All Natural Ingredients!!
</h2>
<div class="buy-img">
<div class="img1">
<img src="./images/buy-img1.jpg">
</div>
<div class="img2">
<img src="./images/buy-img2.png">
</div>
<div class="img3">
<img src="./images/buy-img3.jpg">
</div>
</div>
<div class="buy-button">
<form action="#buy">
<input type="submit" value="Click to Buy"/>
</form>
</div>
</div>
</section>
<section id="about">
<div class="about-main">
<div class="about-container">
<div class="about-left">
<h2 class="about-heading">Nutrition FAQs</h2>
<div class="about-button">
<form action="#about">
<input type="submit" value="About Us"/>
</form>
</div>
</div>
<div class="about-p">
<p>It’s time to get serious about proportions, health and ice cream. Of course, keeping yourself on a daily regimen of exercise, healthy diet of fruits and vegetables with a reward here and there—can even mean a good ol’ boost of morale!</p>
</div>
</div>
</div>
</section>
<section class="footer">
<div class="footer-main">
<div class="footer-img">
<img src="./images/FroYo-final.png">
</div>
<div class="footer-link">
<a href="#privacy">Privacy</a>
<a href="#TnC">Terms & Conditions</a>
<a href="#Contact">Contact Us</a>
</div>
<div class="footer-line">
<hr>
</div>
</div>
</section>
</body>
</html>