-
Notifications
You must be signed in to change notification settings - Fork 0
/
abouts.html
157 lines (118 loc) · 6.62 KB
/
abouts.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>
<title>Main Page</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Titillium+Web:400,300,400italic,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body class="kutta"> <!-- navbar starts -->
<nav class="navbar navbar-expand-md navbar-dark "style="background-color: #F86251">
<!-- <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Left</a>
</li>
<li class="nav-item">
<a class="nav-link" href="//codeply.com">Codeply</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div> -->
<div class="mx-auto order-0">
<a class="navbar-brand mx-auto" href="index.html">Machine Translator</a>
</div>
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About</a>
</li>
<!-- </li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li> -->
</ul>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
<span class="navbar-toggler-icon"></span>
</button>
</nav><!-- navbar ends -->
<!-- who we are section starts -->
<section class="who-section gray-section" id="who" style="font-family:Courier;">
</br>
<div class="container">
<h2 class="m-b-20"><strong>Who We Are</strong></h2>
<div class="box">
<div class="img-wrap" style="background-image:url('images/partha.png');background-size:cover;">
<div class="overlay">
<a href="https://www.facebook.com/parthapakray" class="facebook-link" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.linkedin.com/in/dr-partha-pakray-09a86a52" class="linkedin-link" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<h4 style="text-align:center;"class="bold">Partha Pakray</h4>
<p class="bold" style="text-align: center;">Project Head</p>
</div>
</br>
</br>
<div class="row" style="margin-left: 10%">
<div class="col-md-4">
<div class="box">
<div class="img-wrap" style="background-image:url('images/abinash.png');background-size:cover;">
<div class="overlay">
<a href="https://www.facebook.com/abinash.kashyap.96" class="facebook-link" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.linkedin.com/in/abinash-dutta-098030143/" class="linkedin-link" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<h4 class="bold" style="text-align:center;">Abinash Dutta</h4>
<p class="bold" style="text-align: center;">Developer </p>
</div>
</div>
<div class="col-md-4">
<div class="box">
<div class="img-wrap" style="background-image:url('images/manish.jpg');background-size:cover;">
<div class="overlay">
<a href="https://www.facebook.com/manish.bs.kr" class="facebook-link" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.linkedin.com/in/bsmanish028/" class="linkedin-link" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<h4 class="bold" style="text-align: center;">Manish Kumar</h4>
<p class="bold" style="text-align: center;">Developer</p>
</div>
</div>
<div class="col-md-3">
<div class="box">
<div class="img-wrap" style="background-image:url('images/gobind.png');background-size:cover; background-position:center;">
<div class="overlay">
<a href="https://www.facebook.com/architect034" class="facebook-link" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.linkedin.com/in/gobind-singh-01b512141/" class="linkedin-link" target="_blank"><i class="fab fa-linkedin"></i></a>
</div>
</div>
<h4 class="bold" style="text-align: center;">Gobind Singh </h4>
<p class="bold" style="text-align: center;">Developer</p>
</div>
</div>
</body>
<!-- scripts jquery and other by bootstrap -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</html>