-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (181 loc) · 7.58 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stark Solutions</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="styles.css">
<script src="https://kit.fontawesome.com/226cf84797.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<div id="lnav">
<img src="/Assets/logo.png" alt="logo" height="50px" width="174px">
<ul>
<li>HOME</li>
<li>SERVICES</li>
<li>ABOUT US</li>
<li>CONTACT US</li>
</ul>
</div>
<div id="rnav">
<form action="#">
<input type="text" placeholder=" Search..." id="bar">
<button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
</form>
</div>
</nav>
</header>
<video autoplay muted loop src="Assets/vid.mp4"></video>
<div id="main">
<div id="page1">
<h1>Secure Your Systems</h1>
<h2>WELCOME TO STARK SOLUTIONS.</h2>
<p>
Stark Solutions is a multipurpose security solutions company in Lucknow,
Uttar Pradesh. Specializing in Customer Security, Cyber Attacks and
making Cyber Protection accessible to everyone.
</p>
</div>
<div id="page2">
<div id="scroller">
<div id="scroller-in">
<h4>CHANGE</h4>
<h4>CONTINUITY</h4>
<h4>COST</h4>
<h4>COMPLIANCE</h4>
<h4>COVERAGE</h4>
</div>
<div id="scroller-in">
<h4>CHANGE</h4>
<h4>CONTINUITY</h4>
<h4>COST</h4>
<h4>COMPLIANCE</h4>
<h4>COVERAGE</h4>
</div>
</div>
<div id="about-us">
<img
src="https://images.pexels.com/photos/60504/security-protection-anti-virus-software-60504.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2"
alt="CYBERSEC"
/>
<div id="about-us-in">
<h3 id="about-us-h">ABOUT US</h3>
<p>
Welcome to Stark Solutions, a place where we strive to provide comprehensive
security to your systems, to safeguard you from emerging threats. We envision a world where
security is accessible to everyone, and we are committed to making that a reality.
</p>
</div>
<img
src="https://i.imgur.com/CDJpDFa.jpg"
alt="GIF"
/>
</div>
<div id="cards-container">
<div class="card" id="card1">
<div class="overlay">
<h4>Our Vision</h4>
<p>
We envision a world where businesses can operate with confidence,
free from the constant threat of cyber-attacks. We strive to be
continuously evolving to meet the challenges of an ever-changing digital landscape.
</p>
</div>
</div>
<div class="card" id="card2">
<div class="overlay">
<h4>Our Approach</h4>
<p>
At Stark Solutions, we believe that effective cybersecurity is a
blend of cutting-edge technology and human intelligence. Our approach
is proactive and customized, designed to meet the unique needs of each client.
</p>
</div>
</div>
<div class="card" id="card3">
<div class="overlay">
<h4>Our Commitment</h4>
<p>
We are committed to delivering excellence in everything we do.
Our clients’ trust and confidence are paramount, and we go above
and beyond to ensure their security.
</p>
</div>
</div>
</div>
<div id="blu-div">
<img
src="https://images.unsplash.com/photo-1584433144859-1fc3ab64a957?q=80&w=1930&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt=""
/>
<h4>
Remember: Everything is connected. Secure your data, secure your world.
</h4>
<img
src="https://plus.unsplash.com/premium_photo-1674506652948-dda165b89070?q=80&w=1854&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
alt="..."
/>
</div>
</div>
<div id="page3">
<h1>WHO WE PROTECT</h1>
<div class="scroller">
<div class="scroller-in">
<img src="Assets/google.png" alt="google" width="296px" height="100px">
<img src="Assets/microsoft.jpg" alt="microsoft" width="470px" height="100px">
<img src="Assets/oracle.png" alt="oracle" width="622px" height="80px">
<img src="Assets/amazon.png" alt="amazon" width="325px" height="100px">
<img src="Assets/netflix.png" alt="netflix" width="328px" height="100px">
</div>
<div class="scroller-in">
<img src="Assets/google.png" alt="google" width="296px" height="100px">
<img src="Assets/microsoft.jpg" alt="microsoft" width="470px" height="100px">
<img src="Assets/oracle.png" alt="oracle" width="622px" height="80px">
<img src="Assets/amazon.png" alt="amazon" width="325px" height="100px">
<img src="Assets/netflix.png" alt="netflix" width="328px" height="100px">
</div>
</div>
</div>
</div>
<div id="footer">
<img
src="https://eiwgew27fhz.exactdn.com/wp-content/themes/puttosaurus/img/dots-footer.svg"
alt="..."
/>
<div id="f1">
<img
src="Assets/logo.png"
alt="Logo"
/>
</div>
<div id="f2">
<h3>HOME</h3>
<h3>SERVICES</h3>
<h3>ABOUT US</h3>
</div>
<div id="f3">
<h3>OUR CLIENTS</h3>
<h3>CONTACT US</h3>
<h3>JOIN US</h3>
</div>
<div id="f4">
<h4>
LUCKNOW <br />
UTTAR PRADESH <br />
INDIA <br />
226016<br/>
TEL: 7269052359 <br />
GET DIRECTIONS<br />
</h4>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>