-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathJOINING-ELIXIR.html
More file actions
148 lines (128 loc) · 8.31 KB
/
JOINING-ELIXIR.html
File metadata and controls
148 lines (128 loc) · 8.31 KB
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
<!doctype html>
<html lang="en" xmlns:og="http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Elixir | JOIN.</title>
<!--for search engine optimization(SEO)-->
<!-- Search Engine -->
<meta name="description"
content="elixir is the health and fitness society of Delhi Technological University started with the aim of promoting health and wellness among engineering students">
<meta name="image" content="./assets/images/logo-elixir.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Elixir DTU , Health and Fitness society of Delhi Technological University">
<meta itemprop="description"
content="elixir is the health and fitness society of Delhi Technological University started with the aim of promoting health and wellness among engineering students">
<meta itemprop="image" content="./assets/images/logo-elixir.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta property="og:title" content="Elixir DTU , Health and Fitness society of Delhi Technological University" />
<meta name="og:description"
content="elixir is the health and fitness society of Delhi Technological University started with the aim of promoting health and wellness among engineering students">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://pg07codes.github.io/elixirDTU/" />
<meta property="og:image" content="./assets/images/logo-elixir.png" />
<meta property="og:site_name" content="Elixir DTU" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/4.1.2/lux/bootstrap.min.css">
<link rel="stylesheet" href="./assets/css/customStyles.css">
<link rel="icon" href="./assets/images/favicon.png">
</head>
<body>
<div id="still-image"></div>
<!--who can join us-->
<div class="container-fluid info-card-group" id="who-can-join-page">
<div class="row justify-content-center">
<div class="col-md-9 mt-5">
<h1 style="color: #FFF"><i class="fas fa-handshake" style="margin:2vh; color:#EF5324;"></i>Who can join us?</h1>
</div>
</div>
<!--info card here---->
<div class="row justify-content-center">
<div class="col-md-9 mt-5">
<h3 style="display: inline-block;color: #FFF;" data-aos="slide-up" data-aos-duration="600"><i class="fas fa-lightbulb" style="margin:1vh; color:#EF5324;"></i>Health and fitness instructors</h3>
<p data-aos="slide-down" data-aos-duration="500" style="color: rgba(255,255,255,0.6); font-weight: bold" >
ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i
ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
</p>
</div>
</div>
<!--info card ends here---->
<div class="row justify-content-center">
<div class="col-md-9 mt-5">
<h3 style="display: inline-block; color: #FFF;" data-aos="slide-up" data-aos-duration="600"><i class="fas fa-lightbulb" style="margin:1vh; color:#EF5324;"></i>Graphic designers</h3>
<p data-aos="slide-down" data-aos-duration="500" style="color: rgba(255,255,255,0.6); font-weight: bold">ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i
ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i
ncididunt ut labore et doli</p>
</div>
</div>
<!--info card ends here---->
<div class="row justify-content-center">
<div class="col-md-9 mt-5">
<h3 style="display: inline-block; color: #FFF;" data-aos="slide-up" data-aos-duration="600"><i class="fas fa-lightbulb" style="margin:1vh; color:#EF5324;"></i>Content Writers</h3>
<p data-aos="slide-down" data-aos-duration="500" style="color: rgba(255,255,255,0.6); font-weight: bold">ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i
ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis rure dolor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i</p>
</div>
</div>
<!--info card ends here---->
<div class="row justify-content-center">
<div class="col-md-9 mt-5">
<h3 style="display: inline-block; color: #FFF;" data-aos="slide-up" data-aos-duration="600"><i class="fas fa-lightbulb" style="margin:1vh; color:#EF5324;"></i>Corporate Managers</h3>
<p data-aos="slide-down" data-aos-duration="500" style="color: rgba(255,255,255,0.6); font-weight: bold">ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i
ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis noe dolor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i</p>
</div>
</div>
<!--info card ends here---->
<div class="row justify-content-center">
<div class="col-md-9 mt-5">
<h3 style="display: inline-block; color: #FFF;" data-aos="slide-up" data-aos-duration="600"><i class="fas fa-lightbulb" style="margin:1vh; color:#EF5324;"></i>Web developers and designers </h3>
<p data-aos="slide-down" data-aos-duration="500" style="color: rgba(255,255,255,0.6); font-weight: bold">ncididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i
ncididunt ut labore ena aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex e
a commodo consequat. Duis aute irure dolor i</p>
</div>
</div>
<!--info card ends here---->
<!--join here button--->
<div class="row justify-content-center">
<div class="col-md-6 mt-5" data-aos="slide-up" data-aos-duration="500">
<h2 style="color:#FFF; display: inline-block; margin:1vh 1vh;">Interested in joining Us?</h2>
<button class="btn btn-danger">APPLY !</button>
</div>
</div>
<!--join here button end--->
</div>
<!--who can join us ends here-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
once:true,
offset:120,
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>