-
Notifications
You must be signed in to change notification settings - Fork 0
/
index2.html
118 lines (111 loc) · 8.2 KB
/
index2.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 name="viewport" content="width=device-width, initial-scale=1.0">
<title>DEFT - Home</title>
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@900,700,400&f[]=clash-display@200,400,600&display=swap"
rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="styles2.css">
</head>
<body>
<div class="cross">
<a href="index.html">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-x-lg cross-icon" viewBox="0 0 16 16">
<path
d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z" />
</svg>
</a>
</div>
<br>
<div class="company-name">
<h1 class="we hidden">We</h1>
<h1 class="are hidden">are</h1>
<h1 class="deft hidden">'DEFT'</h1>
</div>
<div class="information hidden">
<h2 class="tagline">We Code Dreams into Digital Reality</h2>
</div>
<div class="px-4 my-5 col-lg-8 col-md-10 col-sm-12 mx-auto text-center hidden">
<p class="intro-paragraph">
At <span class="deft-two">DEFT</span>, we turn dreams into digital reality. We're tech enthusiasts who
keep it
simple, avoiding
corporate jargon. Whether you're a startup or an established business, we're here to make your digital
aspirations a reality. Let's collaborate and bring your vision to life.</p>
</div>
<div class="featured-in hidden">
<h2 class="heading">Features</h2>
</div>
<div class="row row-cols-1 row-cols-sm-2 g-4 features-container scroll-animation">
<div class="col d-flex flex-column gap-2 col-lg-12 col-md-12 col-sm-12 feature-1">
<div
class="feature-icon-small-square d-inline-flex align-items-center justify-content-center text-white fs-4 rounded-3 bg-black hover-bg-f9cd38">
<svg xmlns="http://www.w3.org/2000/svg" width="22.69" height="22.69" fill="currentColor"
class="bi bi-feather" viewBox="0 0 16 16">
<path
d="M15.807.531c-.174-.177-.41-.289-.64-.363a3.765 3.765 0 0 0-.833-.15c-.62-.049-1.394 0-2.252.175C10.365.545 8.264 1.415 6.315 3.1c-1.95 1.686-3.168 3.724-3.758 5.423-.294.847-.440 1.634-.429 2.268.005.316.05.620.154.880.017.040.035.082.056.122A68.362 68.362 0 0 0 .080 15.198a.528.528 0 0 0 .157.720.504.504 0 0 0 .705-.160 67.606 67.606 0 0 1 2.158-3.260c.285.141.616.195.958.182.513-.020 1.098-.188 1.723-.490 1.25-.605 2.744-1.787 4.303-3.642l1.518-1.550a.528.528 0 0 0 0-.739l-.729-.744 1.311.209a.504.504 0 0 0 .443-.150c.222-.230.444-.460.663-.684.663-.680 1.292-1.325 1.763-1.892.314-.378.585-.752.754-1.107.163-.345.278-.773.112-1.188a.524.524 0 0 0-.112-.172ZM3.733 11.620C5.385 9.374 7.240 7.215 9.309 5.394l1.210 1.234-1.171 1.196a.526.526 0 0 0-.027.030c-1.5 1.789-2.891 2.867-3.977 3.393-.544.263-.990.378-1.324.390a1.282 1.282 0 0 1-.287-.018Zm6.769-7.220c1.310-1.028 2.700-1.914 4.172-2.600a6.85 6.85 0 0 1-.400.523c-.442.533-1.028 1.134-1.681 1.804l-.510.524-1.581-.250Zm3.346-3.357C9.594 3.147 6.045 6.800 3.149 10.678c.007-.464.121-1.086.370-1.806.533-1.535 1.650-3.415 3.455-4.976 1.807-1.561 3.746-2.360 5.310-2.680a7.970 7.970 0 0 1 1.564-.173Z" />
</svg>
</div>
<h4 class="features-heading fw-bolder">Sleek Design</h4>
<p class="features-description fw-semibold">Our websites boast a sleek design that's not just
visually
appealing but also
user-friendly, ensuring a smooth browsing experience.</p>
</div>
<!-- Second Column -->
<div class="col d-flex flex-column gap-2 col-lg-12 col-md-12 col-sm-12 feature-2">
<div
class="feature-icon-small-square d-inline-flex align-items-center justify-content-center text-bg-primary fs-4 rounded-3 bg-black">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-fast-forward" viewBox="0 0 16 16">
<path
d="M6.804 8 1 4.633v6.734L6.804 8Zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C.713 12.69 0 12.345 0 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692Z" />
<path
d="M14.804 8 9 4.633v6.734L14.804 8Zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C8.713 12.69 8 12.345 8 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692Z" />
</svg>
</div>
<h4 class="features-heading fw-bolder">Blazing Speed</h4>
<p class="features-description fw-semibold">Experience websites that load at blazing speed, delivering
content swiftly and keeping users engaged.</p>
</div>
<!-- Third Column -->
<div class="col d-flex flex-column gap-2 col-lg-12 col-md-12 col-sm-12 feature-3">
<div
class="feature-icon-small-square d-inline-flex align-items-center justify-content-center text-bg-primary bg-black fs-4 rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-phone"
viewBox="0 0 16 16">
<path
d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z" />
<path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" />
</svg>
</div>
<h4 class="features-heading fw-bolder">Mobile-Friendly</h4>
<p class="features-description fw-semibold">Our websites are fully mobile-friendly, ensuring seamless access
and
functionality on all devices, from smartphones to tablets.</p>
</div>
<!-- Fourth Column -->
<div class="col d-flex flex-column gap-2 col-lg-12 col-md-12 col-sm-12 feature-4">
<div
class="feature-icon-small-square d-inline-flex align-items-center justify-content-center text-bg-primary bg-black fs-4 rounded-3">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-shield-check" viewBox="0 0 16 16">
<path
d="M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z" />
<path
d="M10.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z" />
</svg>
</div>
<h4 class="features-heading fw-bolder">Robust Security</h4>
<p class="features-description fw-semibold">We prioritize your website's security, implementing robust
measures to
safeguard your data and user information against online threats.</p>
</div>
</div>
<script src="main.js"></script>
</body>
</html>