-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (95 loc) · 5.79 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
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<meta name="author" content="Mia Li">
<meta name="keywords" content="Ice Cream, Happy Day Dessert Factory">
<meta name="description" content="Happy Day Dessert Factory Website ">
<meta name="viewport" content="width=device-width, intial-scale=1.0">
<title>Main Page</title>
<link rel="stylesheet" type="text/css" href="css/styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" crossorigin="anonymous" referrerpolicy="no-referrer" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" crossorigin="anonymous" referrerpolicy="no-referrer" >
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==" crossorigin="anonymous"></script>
</head>
<body>
<div id="container">
<!-- header -->
<div id="toprow">
<h1>
<a href="index.html"> <img src="images/logo.jpg" width=70 height=70 alt="logo"></a>
<input type="button" onclick="window.location.href='menu.html';" class="btn btn-warning btn-lg" value="Menu">
<input type="button" onclick="window.location.href='locations.html';" class="btn btn-warning btn-lg" value="Locations & Hours">
<input type="button" onclick="window.location.href='promotions.html';" class="btn btn-warning btn-lg" value="Promotions">
<input type="button" onclick="window.location.href='about-us.html';" class="btn btn-warning btn-lg" value="About Us">
<input type="button" onclick="window.location.href='contact-us.html';" class="btn btn-warning btn-lg" value="Contact Us">
<a href="mailto:[email protected]"><img src="images/email.jpg" width="52" height="40" alt="mail Icon"></a>
<a href="https://www.instagram.com/happydaydessertfactory/?igshid=YmMyMTA2M2Y%3D"><img src="images/instagram.jpg" width="52" height="40" alt="instagram Icon"></a>
<a href="https://www.facebook.com/happydaydessertfactory?mibextid=LQQJ4d"><img src="images/facebook.png" width="46" height="40" alt="facebook Icon"></a>
<a href="https://pittsburghmagazine.com/happy-day-dessert-factory-brings-frozen-delights-to-the-north-side/"><img src="images/article.jpg" width="45" height="45" alt="phone Icon"></a>
<div id="intro">
<!-- list -->
<div id="text">
<br>
<strong>Welcome to Happy Day Dessert Factory where we offer...</strong>
<ul>
<li><strong>Ice Cream</strong></li>
<li><strong>Cakes</strong></li>
</ul>
<strong>and most importantly...</strong>
<ul>
<li><strong>Happiness:)</strong></li>
</ul>
</div>
<!-- video -->
<div id="video">
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/F3__YFGOyZ4" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
<!-- slideshow -->
<div class="owl-carousel owl-theme">
<div class="item"><h4><img src="images/img20.jpg" alt="ice cream 1"></h4></div>
<div class="item"><h4><img src="images/img21.jpg" alt="ice cream 2"></h4></div>
<div class="item"><h4><img src="images/img22.jpg" alt="ice cream 3"></h4></div>
<div class="item"><h4><img src="images/img23.jpg" alt="ice cream 4"></h4></div>
<div class="item"><h4><img src="images/img24.jpg" alt="ice cream 5"></h4></div>
<div class="item"><h4><img src="images/img25.jpg" alt="ice cream 6"></h4></div>
<div class="item"><h4><img src="images/img26.jpg" alt="ice cream 7"></h4></div>
<div class="item"><h4><img src="images/img27.jpg" alt="ice cream 8"></h4></div>
<div class="item"><h4><img src="images/img28.jpg" alt="ice cream 9"></h4></div>
<div class="item"><h4><img src="images/img29.jpg" alt="ice cream 10"></h4></div>
</div>
<!-- import owl carsousel js library -->
<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:5
}
}
})
</script>
<footer>
<hr>
© Happy Day Dessert Factory 2023<br>
</footer>
</div>
</body>
</html>