-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
82 lines (67 loc) · 2.62 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
<!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="stylesheet" href="style.css">
<link rel="icon" href="https://maksymusprime.github.io/DigiS/images/icon.png" type="image/x-icon">
<link rel="stylesheet"
href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
<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=MuseoModerno:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<script src="https://unpkg.com/scrollreveal" defer></script>
<script src="index.js" defer></script>
<title>DigiS</title>
</head>
<body>
<!-- Header -->
<header>
<a href="#" class="logo"><i class='bx bx-pyramid' ></i>DigiS</a>
<ul class="navlist">
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Smartphone</a></li>
<li><a href="#">Store</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<div class="h-main">
<a href="#" class="h-btn">Buy Now</a>
<div class="bx bx-menu" id="menu-icon"></div>
<div class="bx bxs-moon" id="darkmode"></div>
</div>
</header>
<!-- Hero Section -->
<section class="hero">
<div class="hero-text">
<h1>E.Smart</h1>
<h4>Elemental series</h4>
<p>In a world where time is precious and experiences are everything, Elemental Smartwatch accompanies you on your quest for discovery.Whether you're conquering new heights, finding your inner balance, seizing opportunities, or celebrating life's moments, E.Smart is your ultimate companion.</p>
<div class="hero-in">
<div class="box">
<h3>Snow</h3>
<h5>SIM +</h5>
<img src="images/main1.png" alt="">
</div>
<div class="box">
<h3>Coal</h3>
<h5>LTE v2</h5>
<img src="images/main2.png" alt="">
</div>
<div class="box">
<h3>Grass</h3>
<h5>ECO mode</h5>
<img src="images/main3.png" alt="">
</div>
</div>
</div>
<div class="hero-img">
<img src="images/hero.png" alt="">
</div>
</section>
<div class="down-arrow">
<i class='bx bxs-chevrons-down'></i>
</div>
</body>
</html>