-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
135 lines (132 loc) · 7.65 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./static/css/index.css">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Rock+Salt&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/f8ca7add77.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="/static/assets/favicon_io/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/static/assets/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/assets/favicon_io/favicon-16x16.png">
<link rel="manifest" href="/static/assets/favicon_io/site.webmanifest">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
<title>Tessellation</title>
</head>
<body>
<section id="NAVBAR">
<nav class="navbar navbar-expand-lg navbar-dark bg-nav">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Tessellation</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="review.html">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<section id="BRAND">
<div class="brand">
<h2 class="brand-name">Tessellation</h3>
<p class="brand-desc">Network managed auto-magically for you</p>
</div>
</section>
<section id="SERVICES">
<div class="services">
<p class="welcome-note">Welcome to Tessellation<br>
Instantly see active devices,device-related information and status on the network</p>
<p class="services-brief">We specialize in network management for schools and universities where multiple
devices are distributed in various places, maintaining such devices regularly and keeping them
functional
as per institutional needs becomes hard when not managed <br>
With Tessellation all the connections on the network are sorted/organized and managed with a click<br>
All device-related information in one place status, specifications, software, software-status, operating
systems present etc... <br>
We've got a plan for all sizes of institutions <br>
For more information visit our Product <a style="text-decoration: underline;color: black;" href="products.html">Pricing Page</a></p>
</div>
<div class="customers">
<h1 class="customer-heading text-muted">Trusted By</h1>
<div class="row customer-row">
<div class="col-lg-3 col-sm-6 col-12">
<a target="_blank" href="https://www.ox.ac.uk/"><img class="uni-image" src="/static/assets/customer/oxford.png" alt="University"></a>
</div>
<div class="col-lg-3 col-sm-6 col-12">
<a target="_blank" href="https://www.harvard.edu/"><img class="uni-image" src="/static/assets/customer/harvard.png" alt="University"></a>
</div>
<div class="col-lg-3 col-sm-6 col-12">
<a target="_blank" href="https://www.stanford.edu/"><img class="uni-image" src="/static/assets/customer/stanford.png" alt="University"></a>
</div>
<div class="col-lg-3 col-sm-6 col-12">
<a target="_blank" href="https://home.iitd.ac.in/"><img class="iit-m" src="/static/assets/customer/madras.png" alt="University"></a>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="container-fluid">
<div class="row">
<div class="col-md-4 order-sm-1 order-1 footer-section-left">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="products.html">Pricing</a></li>
<li><a href="review.html">Reviews</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="col-md-4 order-sm-2 order-3 footer-section-middle">
<h1 class="footer-logo">Tessellation</h1>
<div class="footer-note">
<p class="footer-cp">© Copyright 2020-2021 <a href="index.html">Tessellation</a>
</p>
<p class="footer-cp"><span class="footer-dev">Developed by </span><a
href="https://t.me/theinhumaneme">Kalyan Mudumby</a></p>
</div>
</div>
<div class="col-md-4 order-sm-3 order-2 footer-section-right">
<ul>
<li><i class="far fa-lg footer-icon fa-envelope"></i><a
href="mailto: theinhumaneme@gmail.com">care@tess.com</a></li>
<li><i class="fab fa-lg footer-icon fa-telegram"></i><a
href="https://t.me/theinhumaneme">tessellation</a></li>
<li><i class="fab fa-lg footer-icon fa-github"></i><a
href="https://github.com/theinhumaneme">tessellation</a></li>
<li><i class="fab fa-lg footer-icon fa-instagram"></i><a
href="https://www.instagram.com/theinhumaneme/">tessellation</a></li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>