forked from ayush015/Landing-Page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (88 loc) · 5.19 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script> -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Jim+Nightshade&display=swap');
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
</style>
<link rel="shortcut icon" href="logo.ico" type="image/x-icon">
<title>Caerus Infotech</title>
<link rel="stylesheet" href="style.css">
<style>
html {
overflow-y: auto;
}
</style>
</head>
<body>
<nav>
<div class="navBrand">
<img src="./Caerusinfotech.png" alt="" width="200px" height="200px">
</div>
<ul class="nav-link">
<li><a href="https://m939s.csb.app/">Home</a></li>
<li><a href="https://m939s.csb.app/Events">Events</a></li>
<li><a href="https://m939s.csb.app/">Services</a></li>
<li><a href="mailto:[email protected]">Contact Us</a></li>
<li><button><a href="https://docs.google.com/forms/d/e/1FAIpQLSe2MkVjOWPAviz3WKi03La1aDM2VUTObsLmwfCkfwy3MlTw2Q/viewform">Register</a></button></li>
</ul>
<div class="hamburger">
<div class=" top "></div>
<div class=" middle"></div>
<div class="lower"></div>
</div>
</nav>
<section class="text-gray-700 body-font">
<div class="container mx-auto flex px-5 py-24 md:flex-row flex-col items-center">
<div class="lg:flex-grow md:w-1/2 lg:pr-24 md:pr-16 flex flex-col md:items-start md:text-left mb-16 md:mb-0 items-center text-center">
<h1 class="title-font sm:text-4xl text-3xl mb-4 font-medium text-gray-900">ABOUT US
<br class="hidden lg:inline-block">
</h1>
<p style="font-family:Ubuntu; " class="mb-8 leading-relaxed">We are a team of thinkers, creators & developers who bring your ideas to reality for a better envisioned world.
Our team consists of people with a variety of skills, ranging from software development to AI to Web development etc.
Putting the same skills to use we create pragmatic & futuristic solutions for modern world problems.
With a team of innovators, we work on project and ideas that needs to be implemented in society, by society to make society a better place.
Not only that, we work in a fun filled environment with joy and games all the time to keep the community interactive and engaging.
Our aim? To grow with the community for a better future, together, and to be the best we can.
</p>
<div class="flex justify-center">
<button class="ml-4 inline-flex text-gray-700 bg-gray-200 border-0 py-2 px-6 focus:outline-none hover:bg-gray-300 rounded text-lg"><a href="https://docs.google.com/forms/d/e/1FAIpQLSe2MkVjOWPAviz3WKi03La1aDM2VUTObsLmwfCkfwy3MlTw2Q/viewform">Join Us On Telegram</a></button>
</div>
</div>
<div class="lg:max-w-lg lg:w-full md:w-1/2 w-5/6">
<img class="logo" alt="hero" src="IMG-20200617-WA0002.jpg"style="width:400px;height:400px;">
</div>
</div>
</section><hr>
<footer class="text-gray-700 body-font">
<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
<span class="ml-3 text-xl">Copyright © 2020</span>
</a>
<p class="text-sm text-gray-500 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-200 sm:py-2 sm:mt-0 mt-4">All rights reserved by Caerus Infotech
</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start ">
<a href="https://www.linkedin.com/company/caerusinfotech/" class="fa fa-lg fa-linkedin" style="padding:5px"></a>
<a href="https://www.linkedin.com/company/caerusinfotech/" class="fa fa-lg fa-instagram" style="padding:5px"></a>
<a href="https://github.com/orgs/Trailblazer-Together" class="fa fa-lg fa-github" style="padding:5px"></a>
<a href="https://www.facebook.com/caerusinfotech/" class="fa fa-lg fa-facebook" style="padding:5px"></a>
<a href="https://twitter.com/CaerusInfotech" class="fa fa-lg fa-twitter" style="padding:5px"></a>
<a href="https://www.youtube.com/channel/UCaWmYob43P1S463-fWAQZHw?view_as=subscriber" class="fa fa-lg fa-youtube" style="padding:5px"></a>
<a href="https://medium.com/@caerusinfotech" class="fa fa-lg fa-medium" style="padding:5px"></a>
</span>
</div>
</footer>
<script src="index.js"></script>
</body>
</html>