-
Notifications
You must be signed in to change notification settings - Fork 0
/
AboutUs.html
157 lines (116 loc) · 5.31 KB
/
AboutUs.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
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="About Us">
<meta name="author" content="Ashwin Dev">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>
About Us
</title>
<link rel = "icon" href ="assets/img/RuralEducationLogo.PNG" type = "image/x-icon">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-social.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="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/board.css">
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<nav class="navbar navbar-dark navbar-expand-sm fixed-top navbar-text">
<div class="container">
<!--Logo-->
<a class="navbar-brand mr-auto" href="./index.php"><img src="assets/img/RuralEducationLogo.png" height="30" width="61"></a>
<!--NavBar-->
<div class="collapse navbar-collapse" id="Navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="./index.php"><span class="fa fa-home fa-lg"></span> Home</a></li>
<li class="nav-item active"><a class="nav-link" href="#"><span class="fa fa-info fa-lg"></span> About Us</a></li>
<li class="nav-item"><a class="nav-link" href="./contactus.php"><span class="fa fa-address-card fa-lg"></span> Contact Us</a></li>
<li class="nav-item"><a class="nav-link" href="./DiscussionForum.php"><span class="fas fa-comments fa-lg"></span>Discussion Forums</a></li>
</ul>
</div>
<button class="navbar-toggler btn-sm" type="button" data-toggle="collapse" data-target="#Navbar">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
</div>
</header>
<!-- Main body -->
<div class="container mainbody">
<!-- Bread crumbs-->
<div class="row row-container mybreadcrumbs">
<div class="col-12">
<ol class="col-12 breadcrumb">
<li class="breadcrumb-item"><a href="./index.php">Home</a></li>
<li class="breadcrumb-item active">About Us</li>
</ol>
</div>
</div>
<div class="row row-content align-items-center">
<div class="col-12 col-sm-12 order-sm-last col-md-3">
<img class="d-flex mr-3 img-thumbnail align-self-center" src="assets/img/AshwinDev.jpeg" alt="Ashwin Dev" width="200">
</div>
<div class="col col-sm order-sm-first col-md">
<div class="media">
<div class="media-body">
<h2 class="mt-0">Ashwin Dev </h2>
<p class="d-none d-sm-block">An engineering student who is interested in full stack web development.</p>
<a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/ashwindev14/" target="_blank"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="row row-content align-items-center">
<div class="col-12 col-sm-12 order-sm-first col-md-3">
<img class="d-flex mr-3 img-thumbnail align-self-center" src="assets/img/BharathKumar.jpeg" alt="Ashwin Dev" width="200">
</div>
<div class="col col-sm order-sm-first col-md">
<div class="media">
<div class="media-body">
<h2 class="mt-0">Bharath Kumar</h2>
<p class="d-none d-sm-block">
An engineering student who has skills in front end web development.
</p>
<a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/bharath-kumar-ba50781a0/" target="_blank"><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<!--Navigation-->
<div class="col-12 offset-1 col-sm-2">
<h5>Links</h5>
<ul class="list-unstyled">
<li><a href="./index.php">Home</a></li>
<li><a href="./AboutUs.html">About Us</a></li>
<li><a href="./ContactUs.php">Contact Us</a></li>
</ul>
</div>
<!--Social Media-->
<div class="col-12 col-sm-4 align-self-center">
<div class="text-center">
<a class="btn btn-social-icon btn-linkedin" href="https://www.linkedin.com/in/ashwindev14/" target="_blank"><i class="fa fa-linkedin"></i></a>
<a class="btn btn-social-icon" href="mailto:"><i class="fa fa-envelope-o"></i></a>
<a class="btn btn-social-icon" href="tel:"><i class="fa fa-phone fa-lg" aria-hidden="true" style="font-size:40px;"></i></a>
<a href="whatsapp://send?abid=phonenumber&text=Hello%2C%20World!" style="color: #25d366;"><i class="fa fa-whatsapp green-color " aria-hidden="true" style="font-size:40px"></i></a>
</div>
</div>
</div>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>