-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
134 lines (116 loc) · 6.02 KB
/
about.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./footer.css">
<link rel="stylesheet" href="./bod.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<style>
.grad {
/* background-image: linear-gradient(rgba(88, 83, 233, 0.719), rgba(111, 63, 221, 0.685)); */
background-image: url(./bg.jpg);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.bg-dark {
background-color: #011325!important;
}
body::-webkit-scrollbar {
width: 0.25rem;
}
body::-webkit-scrollbar-track {
background: #1e1e24;
}
body::-webkit-scrollbar-thumb {
background: #f10c0c;
}
</style>
</head>
<body class="grad">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark art">
<a class="navbar-brand" href="#">
<img src=".\logo-cropped.png" width="30" height="30" class="d-inline-block align-top" alt="">
Spec-ez
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02" aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav mt-2 ml-auto">
<li class="nav-item active">
<a class="nav-link" href="./home.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Devices
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="./laptops.html">Laptops</a>
<a class="dropdown-item" href="./phones.html">Smartphones</a>
</div>
</li>
<li class="nav-item dropdown active">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Customisation
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="./custom_laptop.html">Laptops</a>
<a class="dropdown-item" href="./custom_phone.html">Smartphones</a>
</div>
</li>
<li class="nav-item dropdown active bottomline">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
More
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="./comparison.html">Comparison</a>
<a class="dropdown-item" href="./access.html">Accessories</a>
<a class="dropdown-item" href="./about.html">About</a>
</div>
</li>
<li class="nav-item active">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<hr>
<section class="text-gray-600 body-font">
<div class="container mx-auto flex px-5 py-24 items-center justify-center flex-col">
<img class="lg:w-2/6 md:w-3/6 w-5/6 mb-10 object-cover object-center rounded" alt="hero" src="./Spec-ez logo.png">
<div class="text-center lg:w-2/3 w-full">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-black">Making specifications easy!</h1>
<p class="mb-8 leading-relaxed text-black">We at Spec-ez strive daily to make specifications easy thereby making the purchase of different devices simple and logical for all our users. The USP of our company is that we provide you with the option of customising your own device and also decide your budget in the process, by doing this we provide you with utmost quality at very cheap prices. So go check this feature out now!
</p>
</div>
</div>
</section>
<footer class="footer-distributed">
<div class="footer-right">
<a href="#" onclick="return false;"><i class="fa fa-instagram"></i></a>
<a href="#" onclick="return false;"><i class="fa fa-twitter"></i></a>
<a href="#" onclick="return false;"><i class="fa fa-linkedin"></i></a>
<a href="#" onclick="return false;"><i class="fa fa-github"></i></a>
</div>
<div class="footer-left">
<p class="footer-links">
<a class="link-1" href="./home.html">Home</a>
<a href="./access.html">Accessories</a>
<a href="./about.html">About</a>
<a href="./contact.html">Contact</a>
</p>
<p>Spec-ez © 2021</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>