My-Website/Home.html at main · ShairaG15/My-Website · GitHub

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
<!DOCTYPE html>
<!-- saved from url=(0078)file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGhome.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta name="viewpoint" content="width=device-width, initial-scale-1">
	<title>Home</title>
	<link rel="icon" type="image/x-icon" href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/logo.PNG">
	<link rel="stylesheet" type="text/css" href="./Home_files/shairaGhome.css">
	<!-- css file -->
	<link rel="stylesheet" type="text/css" href="./Home_files/shairaGhome.css">
	<script src="./Home_files/shairaGhome.css"></script>
</head>

<body>


	<!-- header start -->
	<header class="header">
		<!-- logo -->
		<a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGhome.html" class="logo">
		<img src="./Home_files/lines.png" ;="" width="50" height="50">
		</a>

		<!-- nav bar start-->
		<nav class="navbar">
			<input type="checkbox" id="check">
				<label for="check" class="check-btn">
					<i class="fas fa-bars"></i>
				</label>
			<ul>
			  <li><a class="active" href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGhome.html">Home</a></li>
			  <li><a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGmenu.html">Volumes</a></li>
			  <li><a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaG.html">About Us</a></li>
			</ul>
		<!-- <div id="menu-btn" class="fas fa-bars"></div> -->
		</nav>
		<!-- nav bar end -->

		<!-- search start -->
		<div class="search-form">
			<input type="search" name="search-box" placeholder="Find your volume here">
		</div>
		<!-- search end -->

		<!-- hyperlink with icons (search, cart, profile, menu button) -->
		<div class="icons">
		<div class="cart-container" onmouseover="showCartForm()" onmouseout="hideCartForm()">
			<a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/4-checkout.html">
			<div class="fas fa-shopping-cart" id="cartButton"></div>
			</a>
				<div class="cart-form" id="cartForm">
					<form>
						<div id="cartItems"></div>
						<div id="total-price">Total Price: P<span id="totalPrice">0.00</span></div>
					</form>
				</div>
		</div>
		</div>
		<!-- hyperlink with icons (search, caart, profile, menu button) -->
	</header>
	<!-- header end -->

		<!-- top sellers start -->
	<section class="menu" id="menu">
	<h1 class="heading">DETECTIVE <span>CONAN</span></h1>
	<p class="heading-description"></p>
	<div class="category-text"><h3>eBooks</h3></div>

	<h1 class="contents">Welcome!</h1>
	<h3 class="content">This is a school project website and not an official ebook selling website, the following products that can be seen in here is not buyable. But you are free to take a tour of our project. Thank you! </h3>

		<!-- about us start -->

		<!-- about us end -->

<script src="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/2-menu.js"></script>

	<!-- footer start -->
	<section class="footer">

		<div class="container">
			<div class="footer-box-1">
				<h3> Location </h3>
				<div class="footer-loc">
					<a href="https://www.google.com/maps/place/TUP+-+College+of+Industrial+Technology/@14.5873937,120.9848474,17z/data=!3m1!4b1!4m6!3m5!1s0x3397cb93cd451575:0x6247d293ffefede0!8m2!3d14.5873937!4d120.9848474!16s%2Fg%2F11hfq216nk?h1=en&amp;entry=ttu" target="_blank">College of Industrial Technology, 660. TUP, Ermita, Manila, 1000</a>
				</div>
			</div>

			<div class="footer-box">
				<h3>Newsletter</h3>
				<p>Stay updated with our latest</p>
				<form>
					<input type="email" name="email" placeholder="name@gmail.com">
					<button type="submit"><i class="fa-solid fa-right-long"></i></button>
				</form>
			</div>

			<div class="footer-box">
				<h3>Contact Us</h3>
				<p>Connect With Us On:</p>
				<div class="icons">
					<a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGhome.html#"><i class="fa-brands fa-facebook-f"></i></a>
					<a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGhome.html#"><i class="fa-brands fa-instagram"></i></a>
					<a href="file:///C:/Users/USER/OneDrive/Attachments/Business%20Website/shairaGhome.html#"><i class="fa-brands fa-twitter"></i></a>
				</div>

			</div>
		</div>
	</section>
	<!-- footer end -->


</section></body></html>