-
Notifications
You must be signed in to change notification settings - Fork 25
/
Copy pathindex.html
139 lines (127 loc) · 6.73 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="styles.css"type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<title>ProSolutions</title>
</head>
<body>
<div id="scrollArrow" class="scroll-up-wrap">
<img src="assets/arrow.gif" alt="arrow" srcset="">
</div>
<!-- Container -->
<div class="header">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand px-3" href="#"><span class="text-danger">Pro</span>Solutions</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item px-3">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#contributors">Contributors</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#solutions">Solutions</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#technology">Technology</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Bg Image -->
<div class="header-wrap">
<!--welcome text-->
<div class="welcome-outer">
<h6>INVENTING BETTER FUTURE</h6>
<h3>We try our best, and </br> we make sure we deliver the best</h3>
<p>Our company seeks enterprising solution suits for modern technology.We are here to enter </br>the globalizing world with our energy and effort.</p>
</div>
</div>
</div>
<!-- About Section -->
<div class="container about" id="about">
<div class="row">
<div class="d-none d-md-block col-md-12 col-lg-6 about_image">
<img src="assets/about.jpg">
</div>
<div class="col-sm-12 col-md-12 col-lg-6 about_text">
<h3 class="Secondary_Color">//ABOUT COMPANY</h3>
<h1>Your Partner For<br>Software <span class="Secondary_Color">Innovations</span></h1>
<p>
As the premier technology-oriented organization, we at Seekers Cloud work to challenge clients' assumptions about possibilities with our own ideas.
In our designs, we are all about producing something that people will enjoy.
</p>
<p>
Our goal at Seekers Cloud is to challenge customers' preconceptions with our own ideas by offering cutting-edge technology.
We create all of our products to provide something that our customers will love. In order to back up our design claims,
we think that our designs are excellent examples of high-calibre magnum opuses where artistry and skill meet to inspire your thoughts and we assure you of top-notch job.
</p>
</div>
</div>
</div>
<!-- Contributors Section -->
<div class="container contributors" id="contributors">
<h3 class="title-wrap">Our Contributors</h3>
<div class="row" id="contributor">
</div>
<div class="show-more-btn">
<button id="btnShowMore" class="btn btn-outline-secondary" style="display: none;">Show more</button>
</div>
</div>
<!--Solutions Section-->
<div class="solutions" id="solutions">
<div class="content">
<p>We Love What We Do And Solve Your IT</p>
<p><a href="#">Business Solutions</a></p>
</div>
</div>
<!--Technology Section-->
<div class="container technology" id="technology">
<h3 class="title-wrap">Technology</h3>
<div class="techgrid">
<img src="assets/TechSection/springboot.png" alt="springboot" class="img-tech">
<img src="assets/TechSection/angular.png" alt="angular" class="img-tech">
<img src="assets/TechSection/css3.png" alt="css3" class="img-tech">
<img src="assets/TechSection/html5.png" alt="html5" class="img-tech">
<img src="assets/TechSection/JS.png" alt="JS"class="img-tech">
<img src="assets/TechSection/py.png" alt="py"class="img-tech">
<img src="assets/TechSection/CProgramming.png" alt="CProgramming" class="img-tech">
<img src="assets/TechSection/Java.png" alt="Java" class="img-tech">
<img src="assets/TechSection/mongo.png" alt="mongo" class="img-tech">
<img src="assets/TechSection/mysql.png" alt="mysql" class="img-tech">
<img src="assets/TechSection/NodeJS.png" alt="NodeJS" class="img-tech">
<img src="assets/TechSection/react.png" alt="react" class="img-tech">
<img src="assets/TechSection/aws.png" alt="aws" class="img-tech">
<img src="assets/TechSection/intellij.png" alt="intellij" class="img-tech">
</div>
</div>
<script src="main.js"></script>
</body>
</html>