-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (106 loc) · 6.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;1,500;1,800&family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!--for burger icon-->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<title>Amazune-bookstore</title>
</head>
<body>
<!--Navigation bar starts here-->
<nav class="navbar navbar-expand-lg sticky-top" role="navigation">
<a class="navbar-brand" href="#"><img src="./asset/Amazune.png" alt="mylogo" height="75"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><ion-icon name="menu-outline"></ion-icon></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="productform.html">Product Form</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="productform.html" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Product</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Phone</a>
<a class="dropdown-item" href="#">Computers</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Appliances</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="contactUs.html">Contact Us</a>
</li>
</ul>
<form class="form-inline my-2 my-sm-0 mx-auto">
<input class="form-control mr-sm-1" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
<div></div>
<ul class="nav navbar-nav navbar-right ms-auto">
<li><a href="login.html"><span class="glyphicon glyphicon-user"></span> Login      </a></li>
<li><a href="signup.html"><span class="glyphicon glyphicon-user"></span> Sign Up  </a></li>
</ul>
</div>
</nav>
<!--Navigation bar ends here-->
<!--body starts starts here-->
<div id="home">
<div class="landing-text">
<h1>The Home <br> of Smart Gadget</h1>
<h3>We proudly serve your technology needs!</h3>
</div>
</div>
<div class="padding">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<img src="https://www.zdnet.com/a/img/resize/85cc9c8399bc5632cfa463da984de1e390b19da7/2021/08/02/d0c5d014-403c-4cde-86ee-5bfc39a965f3/google-pixel-6-portfolio-shot-345ixg4-max-1000x1000.jpg?width=1200&fit=bounds&auto=webp" alt="A Collection of Electronics" class="img-fluid">
</div>
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
<h2>How it works</h2>
<p>
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>
</div>
</div>
<div class="horizonatalLine1">
<hr>
</div>
<!--footer -->
<div class="card-footer fixed-bottom text-center">
<large class="text-mute mr-4 font-weight-bold">Contact: </large>
<small class="text-mute mr-4"><span class="font-italic"> Email: </span> <a href="mailto:yayas@email.com" target="_blank">Email Us</a></small>
<small class="text-mute mr-4"><span class="font-italic"> Tel: </span><a href="#">0000000000</a></small>
<small class="text-mute mr-4"><span class="font-italic"> Address: </span> <a href="#">555 Woodenville st, my city, CA</a></small>
<small class="text-mute mr-4"><span class="font-italic"> Copyright: </span> ©2022</small>
</div>
</div>
<!--link to icons-->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>