index.html 11.1 KB
Newer Older
MRCETGLUG's avatar
MRCETGLUG committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="en">
<title>Mic</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<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\bootstrap.css">
<link rel="stylesheet" href="css\bootstrap-grid.css">
<link rel="stylesheet" href="css\bootstrap-reboot.css">
<style>
html{scroll-behavior:smooth}
body,h1,h2,h3,h4,h6 {font-family: "Lato", sans-serif}
li,h5{
  font-family: Georgia, "Times New Roman", Times, serif;
MRCETGLUG's avatar
MRCETGLUG committed
18
19
20
21
22
  font-size: 20px;
}
a{
    color:white!important;
    text-decoration: none;
MRCETGLUG's avatar
MRCETGLUG committed
23
24
25
26
}
div{
    text-align:justify;
}
MRCETGLUG's avatar
MRCETGLUG committed
27

MRCETGLUG's avatar
MRCETGLUG committed
28
29
30
31
32
33
34
35
36
37
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
#mem{
    margin-left: 1000px;
    margin-top: -105px;
}
.w3-container1{
background-image: url('n.jpeg');
background-repeat: no-repeat;
background-size:cover;
MRCETGLUG's avatar
MRCETGLUG committed
38
margin-left:-40px;
MRCETGLUG's avatar
MRCETGLUG committed
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
}
.bg-image {
  /* The image used */
  background-image: url("n.jpg"); 
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.text-block{
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: black;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
#a1{
    color:black!important;
    text-decoration: none;
}

#a1:hover{
  color:blue!important;
}
#head1{
  margin-top:-10px!important;
  margin-left:-420px!important;
}
.content{
  position: relative; /* Position the background text */
  top: 0; /* At the bottom. Use top:0 to append it to the top */
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1; /* Grey text */
  width: 100%; /* Full width */
  padding: 20px;
}
MRCETGLUG's avatar
MRCETGLUG committed
80
81
82
83
84
85
86
87
88
.right{
  margin-right:-100px;
}
#mrcet{
    color:black!important;
}
a#mrcet{
  color:blue !important; 
}
MRCETGLUG's avatar
MRCETGLUG committed
89
90
91
.topnav-right {
  float: right;
}
MRCETGLUG's avatar
MRCETGLUG committed
92
93
94
95
96
97
98
99
</style>
<body>

<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-light-grey w3-card w3-left-align w3-large">
    
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
MRCETGLUG's avatar
MRCETGLUG committed
100
    <a id="a1" href="index.html" class="w3-bar-item w3-button w3-padding-large w3-hover-white">Home</a>
MRCETGLUG's avatar
MRCETGLUG committed
101
102
103
104
105
    <a id="a1" href="#about" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">About Us</a>
    <a id="a1" href="#obj" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Objectives</a>
    <a id="a1" href="#rules" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Rules</a>
    <a id="a1" href="#members" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Members</a>
    <a id="a1" href="#co" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Co-ordinators</a>
MRCETGLUG's avatar
MRCETGLUG committed
106
    <a id="a1" href="#c" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Contact Us</a>
MRCETGLUG's avatar
MRCETGLUG committed
107
    <div class="topnav-right">
MRCETGLUG's avatar
MRCETGLUG committed
108
    <a id="a1" href="https://forms.gle/zbFruVwH6Tjwrj3Y8" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Register</a>
MRCETGLUG's avatar
MRCETGLUG committed
109
    </div>
MRCETGLUG's avatar
MRCETGLUG committed
110
111
112
113
114
115
116
  </div>

  <!-- Navbar on small screens -->
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
    <a id="a1" href="#about" class="w3-bar-item w3-button w3-padding-large">About Us</a>
    <a id="a1" href="#obj" class="w3-bar-item w3-button w3-padding-large">Objectives</a>
    <a id="a1" href="#rules" class="w3-bar-item w3-button w3-padding-large">Rules</a>
MRCETGLUG's avatar
MRCETGLUG committed
117
    <a id="a1" href="#members" class="w3-bar-item w3-button w3-padding-large">Members</a>
MRCETGLUG's avatar
MRCETGLUG committed
118
    <a id="a1" href="#co" class="w3-bar-item w3-button w3-padding-large">Co-ordinators</a>
MRCETGLUG's avatar
MRCETGLUG committed
119
    <a id="a1" href="#c" class="w3-bar-item w3-button w3-padding-large">Contact Us</a>
MRCETGLUG's avatar
MRCETGLUG committed
120
    <a id="a1" href="https://forms.gle/zbFruVwH6Tjwrj3Y8" class="w3-bar-item w3-button w3-padding-large">Register</a>
MRCETGLUG's avatar
MRCETGLUG committed
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
  </div>
</div>

<!-- Header -->
<header class="w3-container w3-indigo w3-center w3-container1 " style="padding:128px 16px">
  
  
      <h1 class="w3-margin w3-jumbo content " id="head" style="color:rgb(255, 255, 255)!important;">Mrcet Innovation Club</h1>

      
      <!-- <p class="w3-xlarge content">We Share Knowledge...</p> -->
     
   
  </header>

<!-- </header> -->

<!-- First Grid -->
MRCETGLUG's avatar
MRCETGLUG committed
139
<div class="w3-row-padding w3-padding-64 w3-container" id="about">
MRCETGLUG's avatar
MRCETGLUG committed
140
141
142
143
  <div class="w3-content">
    <div class="w3-twothird">
      <h1><b>About Us</b></h1>
     <h5 class="w3-padding-32">
MRCETGLUG's avatar
MRCETGLUG committed
144
    <i>   We, the students of <a id="mrcet" href="https://mrcet.com/CSE.html" target="_blank">MRCET</a> have initiated this club with the support of our dear principal Dr.VSK Reddy and HOD  of CSE department Dr.Sujatha.  Our main aim is to efficiently make use of the leisure hours.We, together can co-ordinate with each other and can enhance our knowledge through sharing.
MRCETGLUG's avatar
MRCETGLUG committed
145
146
147
148
149
150
         Any one can take part in sharing their knowledge.<br>
         we are also planning to have guest lectures from swecha seldomly.This club escalates our exposure towards new technologies and individual’s ideas.
         All the activites of the club will be conducted in sports, library or any leisure hours.<br></i>
      </h5>
    </div>
    <div class="w3-third w3-center">
MRCETGLUG's avatar
MRCETGLUG committed
151
      <img src="logo1.jpeg" width=300 height=300  id="logo">
MRCETGLUG's avatar
MRCETGLUG committed
152
153
154
155
156
157
158
159
160
161
162
163
    </div>
  </div>
</div>

<!-- Second Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container" id="obj">
  <div class="w3-content">
    <div class="w3-third w3-center">
    <img src="o.jpeg" width=300 heigth=300 alt="">
    </div>
    <div class="w3-twothird">
      <h1><b>Objectives</b></h1>
MRCETGLUG's avatar
MRCETGLUG committed
164
      <ul>
MRCETGLUG's avatar
MRCETGLUG committed
165
166
        <i><li>To share the knowledge regarding different areas of Computer Science which are not taught in our day to day classes.</li>
        <li>We encourage the members of club to turn their innovative ideas into great projects. As we believe that doing projects is The only way to learn things effectively.</li>
MRCETGLUG's avatar
MRCETGLUG committed
167
        <li>We conduct <b>workshops</b>, <b>seminars</b>, <b>Hackathons</b>, <b>Tech Talks by experts</b>.</li>
MRCETGLUG's avatar
MRCETGLUG committed
168
169
        <li>We can give proper guidance to our juniors by creating awareness and enthusiasm for coding .</li>
        <li>We inculcate team work, workplace ethics which helps greatly in future.</li>
MRCETGLUG's avatar
MRCETGLUG committed
170
        <li>Prepare for <b>Google Summer Of Code And use Hacker Rank, Hacker Earth, Code Chef For Practice</b>.</li>
MRCETGLUG's avatar
MRCETGLUG committed
171
172
173
        <li>To help in building a strong Resume.</li>
        <li>We make things interesting, not boring.</li>
        <li>Building a community of like minded people gives a better environment to do things.</li></i>
MRCETGLUG's avatar
MRCETGLUG committed
174
    </ul>
MRCETGLUG's avatar
MRCETGLUG committed
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
    </div>
  </div>
</div>
<!-- Third Grid -->
<div class="w3-row-padding w3-padding-64 w3-container" id="rules">
        <div class="w3-content">
          <div class="w3-twothird">
            <h1><b>Rules</b></h1>
            <h5 class="w3-padding-16">
             <i><li>Be Yourself.</li>
                <br>
                <li>Respect, encourage and help each other.</li>
                <br>
                <li>Make Better Use of Time.</li></i>
            </h5>
          </div>
           <div class="w3-third w3-center">
            <img src="r.jpeg" width=350 height=300 alt="picture of rules">
        </div> 
        </div>
      </div>
      <!-- Fourth Grid -->
      <div class="w3-row-padding w3-light-grey w3-padding-64 w3-container" id="members">
            <div class="w3-content">
              <div class="w3-third w3-center">
               
                <img src="m.jpeg" width=300 height=300 alt="animated picture of members" >
              </div>
              <div class="w3-twothird">
                <h1><b>Members</b></h1>
                        <ul>
MRCETGLUG's avatar
MRCETGLUG committed
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
                            <i><li>M.Thirumal Reddy</li></i>
                            <i><li>G. Sahith Reddy</li></i>
                            <i><li>J. Pranavi Reddy</li></i>
                            <i><li>G. Vyshnavi</li></i>
                            <i><li>J. Manisha</li></i>
                            <i><li>K. Vishal</li></i>
                            <i><li>G. Eshwar</li></i>
                            <i><li>T. Akhila</li></i>
                            <i><li>B. Shakunth Vaishnav</li></i>
                            <i><li>C. Rohith</li></i>
                            <i><li>T. Nithish</li></i>   
                            <i><li>M. Anusha</li></i>
                            <i><li>M. SaiPriya</li></i>
                        </ul>
            
MRCETGLUG's avatar
MRCETGLUG committed
221
222
223
224
225
226
227
              </div>
            </div>
          </div>
     <!-- Fifth grid -->
     <div class="w3-row-padding w3-padding-64 w3-container" id="co">
            <div class="w3-content">
              <div class="w3-twothird">
MRCETGLUG's avatar
MRCETGLUG committed
228
                <h1><b>Co-ordinators</b></h1>
MRCETGLUG's avatar
MRCETGLUG committed
229
                <ul><i><li>M. Jayapal</li></i>
MRCETGLUG's avatar
MRCETGLUG committed
230
231
                    <i><li>A. Saleem</li></i>
                </ul>
MRCETGLUG's avatar
MRCETGLUG committed
232
233
234
235
236
237
238
239
240
241
242
                <h5 class="w3-padding-32"></h5>
              </div>
               <div class="w3-third w3-center">
                <img src="t1.jpeg" width=300 height=500 alt="Co-ordinators">
            </div> 
            </div>
          </div>

<div class="w3-container w3-light-grey w3-center w3-opacity w3-padding-64">
    <h1 class="w3-margin w3-xlarge">"When You Know Better You Do Better"</h1>
</div>
MRCETGLUG's avatar
MRCETGLUG committed
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!-- Sixth Grid -->
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container" id="members">
  <div class="w3-content">
    <div class="w3-third w3-center">
    </div>
    <div id="c">
      <center><h1><b>Contact Us</b></h1>
        <p>Feel Free To Contact us..<br>
          Head-coordinator: M.Thirumal Reddy<br>
          Phone No:8096620194<br>
        </p>       
   </center>
    </div>
  </div>
</div>
MRCETGLUG's avatar
MRCETGLUG committed
258
259
<!-- Footer -->
<footer class="w3-container w3-indigo w3-padding-64 w3-center w3-opacity">  
MRCETGLUG's avatar
MRCETGLUG committed
260
261
262
  <div class="w3-xlarge w3-padding-32 w3-center">
    <a class="fa fa-facebook-official w3-hover-opacity" href="https://www.facebook.com/MRCETCLGOFFICIAL/" target="_blank" style="text-decoration: none;"></a>
    <a class="fa fa-instagram w3-hover-opacity" href="https://www.instagram.com/mrcetofficial/" target="_blank" style="text-decoration: none;"></a>
MRCETGLUG's avatar
MRCETGLUG committed
263
264
265
266
267
268
    <h3><a style="text-decoration: none;" href="mailto:mrcet2004@gmail.com" target="_blank">Mail Us Here</a></h3>
    <!-- <i class="fa fa-snapchat w3-hover-opacity"></i> -->
    <!-- <i class="fa fa-pinterest-p w3-hover-opacity"></i> -->
    <!-- <i class="fa fa-twitter w3-hover-opacity"></i> -->
    <!-- <i class="fa fa-linkedin w3-hover-opacity"></i> -->
 </div>
MRCETGLUG's avatar
MRCETGLUG committed
269

MRCETGLUG's avatar
MRCETGLUG committed
270
<p>Developed by Team suthon</p>
MRCETGLUG's avatar
MRCETGLUG committed
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
</footer>
<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
  var x = document.getElementById("navDemo");
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else { 
    x.className = x.className.replace(" w3-show", "");
  }
}
</script>

</body>
</html>