-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
135 lines (126 loc) · 7.17 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" lang="english">
<title>IRSC-GTBIT</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta type="language" content="english" />
<meta type="author" content="IRSC GTBIT" />
<link rel="shortcut icon" href="images/logo.jpg" type="image/x-icon" />
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script src="js/script.js"></script>
<link rel="stylesheet" href="css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/font.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-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 style=padding-left:1%; class="navbar-nav mr-auto">
<li >
<a href="#"><img width="45px" src="images/logo.jpg"></a>
</li>
<li class="nav-item active bg-success" >
<a class="nav-link" href="#about">About</a>
</li>
<li class="nav-item active bg-success">
<a class="nav-link" href="#team">Our Team</a>
</li>
<li class="nav-item active bg-success" >
<a class="nav-link" href="#join">Join</a>
</li>
</ul>
<div style="float:right;padding-right:1%" align="center"><button onclick="gofullscreen()"><img width="45px" src="images/zoom.svg"></button></div>
</div>
</nav>
<br>
<article class="article inside">
<img class="fst" src="images/im1.jpg" width="100%" alt="IRSC Banner">
<div id="about">
<div class="p-3 mb-2 bg-secondry text-white" align="center" id="about"><strong>About Us</strong></div>
<span>Welcome to IRSC GTBIT, A community where professionals and student developers, designers and having other skilsets meet and create projects in order to enhance their skills and many students learn skills along with interning in parallel where they are required to use the skillsets they learnt during trainings. </span>
<br><br>
<div width="100%" align="center"><img src="images/im2.jpg" alt="IRSC GTBIT"></div>
<br>
<span>here <mark>students get opportunity to intern online specially in the current situation of pandemic</mark> which seems to blocking all the oppertunities.But,IRSC provides them opportunity to work remotely on real world projects with the skillsets students like.</span>
</div>
<br>
<div style="color:rgb(39, 39, 202);" id="team" align="center">
<div class="p-3 mb-2 bg-secondry text-dark" align="center"><strong>Meet our team</strong></div>
<div align="center"><button onclick="knockit()" style="width:30%; color: yellow; background: red;">Full Screen</button></div>
<div align="center" style="max-height: 100vh;" id="container">
<div align="center">
<div align="center" style="display: flex; float: center;">
<div align="center" class="main" style="max-height: 100vh; overflow: auto;" >
<a href="https://www.linkedin.com/in/saud-akhtar-a49b131b3/" alt="saud"><img style="width: 100%; max-height: 100vh;" src = "images/gallery/saudakhtar.jpg"></a>
</div>
<div align="center" class="main" style="max-height: 100vh; overflow: auto;" >
<a href="https://www.linkedin.com/in/ramandeep-singh-panesar-75b991181/" alt="ramandeep"><img style="width: 100%; max-height: 100vh;" src = "images/gallery/ramandeep.jpg"></a>
</div>
<div align="center" class="main" style="max-height: 100vh; overflow: auto;" >
<a href="https://www.linkedin.com/in/raghav-arora-2209a3184/" alt="raghav"><img style="width: 100%; max-height: 100vh;" src = "images/gallery/raghav.jpg"></a>
</div>
</div>
</div>
</div >
<br>
<span>We have team of professionals who have expertise in different fields with experiences all are here to train the youth, young and talented minds.</span>
</div>
<br><br>
<hr>
<div id="join" align="center">
<div class="p-3 mb-2 bg-secondry text-dark" align="center"><b>Join Us</b></div>
<span class="s-3 mb-1 bd-secondary">
If you would like to join us then fill this membership form and we will get in touch as soon as possible.Also if you like to participate in events and intern in the skills you have
then we will send you regular updates about the events organised by IRSC GTBIT.
</span><br>
<!--This form need to be connected to backend-->
<form action="#">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value=""><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value=""><br>
<label for="mail">Email:</label><br>
<input type="text" id="mail" name="mail" value=""><br><br>
<label for="comment">Any Query/Comment:</label> <br>
<textarea rows="3" name="commentbox" id="comment" ></textarea><br>
<input type="submit" value="Submit"><br><br>
</form>
</div>
<br><br>
<div width="100%;" class="smedia bg-secondary">
<ul>
<li>
<a href="https://www.facebook.com/IRSC-GTBIT-104771357978654/" alt="fb"><img width="45px" src="images/fb.png"></a>
</li>
<li>
<a href="https://www.instagram.com/irscgtbit/" alt="insta"><img width="45px" src="images/insta.png"></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC8BcrnDN_85qW0UnyY6gAag" alt="yt"><img width="45px" src="images/youtube.png"></a>
</li>
<li>
<a href="https://www.linkedin.com/company/irsc-gtbit/people/" alt="linkedin"><img width="45px" src="images/linkedin.png"></a>
</li>
</ul>
</div>
<br><br>
</article>
<div id="top" >
<button class="btn" onclick="gototop()" id="myBtn" title="Go to top"><img width="35px" height="35px" src="images/top.png" alt="gototop"></button>
</div>
<div class="footer p-2 mb-0.7" style="width: 100%;">
<footer>
Copyright© IRSC GTBIT. All Rights Reserved
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>