-
Notifications
You must be signed in to change notification settings - Fork 1
/
Apple iPhone 14.html
107 lines (98 loc) · 4.37 KB
/
Apple iPhone 14.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="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./productsstyle.css">
<link rel="stylesheet" href="./headerStyle.css">
<script src="./headerScript.js"></script>
<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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<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>
<header>
<div class="logo">
<div
style="
padding: 5px;
margin: 10px;
width: 25px;
height: 25px;
border-radius: 50%;
background-color: rgb(3, 205, 3);
"
></div>
<div
style="display: flex; justify-content: center; align-items: center"
>
<h2 class="logo-text" style="margin-left: -44px !important">
Apni Dukan
</h2>
<label onclick="openMenu()" for="chkBox" class="hamburger-label">
<div></div>
<div></div>
<div></div>
</label>
</div>
</div>
<div class="menu">
<ul class="nav" id="navbar">
<li><a href="./index.html">Home</a></li>
<li><a href="./deliveredProducts.html">Orders</a></li>
<li><a href="./registration.html">Account</a></li>
<li>
<a href="./Cart.html">
Cart <i class="fa fa-solid fa-cart-shopping"></i
></a>
</li>
<!-- <li>
<a href="#"><i class="fa fa-solid fa-user"></i></a>
</li> -->
</ul>
</div>
</header>
<section class="mainContainer">
<main>
<div class="productImageContainer">
<img class="productImage" src="./Apple iPhone 14.webp" alt="">
</div>
<div class="productInfoContainer">
<h1>Apple iPhone 14 5G (256 GB storage) (8 GB RAM)</h1>
<h2>₹45,000\- Only</h2>
<div class="rating"><img src="./rateStar.svg" alt="rating"><span>(123)</span></div>
<h3>Highlights</h3>
<p>8 GB RAM | 256 GB ROM | Expandable Upto 1 TB</p>
<p>17.25 cm (6.79 inch) Full HD+ Display</p>
<p>50MP + 2MP | 8MP Front Camera</p>
<p>5000 mAh Battery</p>
<p>A17 Processor</p>
<a href="./Cart.html" class="addToCardButtonContainer">
<button>Add to card</button>
</a>
</div>
<div class="productDescriptionContainer">
<h2>Product Description</h2>
<p>Apple iPhone 14 is a resourceful smartphone helping you to carry out a horde of tasks effortlessly. Equipped with a 4nm Snapdragon processor, Turbo RAM for quick multitasking, 50 MP Dual AI Camera, and 5000 mAh mammoth battery capacity, this phone can be your best companion for all your voyages. It has a premium glass design that comes in a 16.24 cm (6.79) display and has a 90 Hz refresh rate for seamless navigation.</p>
<h3>4nm Snapdragon Processor</h3>
<p>Apple iPhone 14 smartphone is powered by a powerful 4nm Snapdragon 4 Gen 2 processor. The 4nm fabrication process of this SoC is very fast and smooth, so you can access multiple apps swiftly.</p>
<h3>Dazzling Design</h3>
<p>This phone boasts a premium glass design that makes this device dazzling and attractive. The aesthetics are neat and impressive and it is sure to attract the attention of passersby.</p>
<h3>Massive Display</h3>
<p>Apple iPhone 14 smartphone comes with a massive 16.24 cm (6.79) display in addition to the 90 Hz Refresh rate which makes viewing shows and playing games effortlessly easy</p>
</div>
</main>
</section>
</body>
</html>