index.html 11.4 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
108
109
    <div class="topnav-right">
    <a id="a1" href="https://docs.google.com/forms/d/e/1FAIpQLSfFeQ1AcFQfaXlxshKMAMGNb6gEXiSM2yCsiXqfsFax1hUNaA/viewform?usp=sf_link" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Register</a>
    </div>
MRCETGLUG's avatar
MRCETGLUG committed
110
111
112
113
114
115
116
117
118
  </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>
    <a id="a1" href="#members" class="w3-bar-item w3-button w3-padding-large">Memebrs</a>
    <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-hide-small w3-padding-large w3-hover-white">Contact Us</a>
MRCETGLUG's avatar
MRCETGLUG committed
120
121
122
    <div class="topnav-right">
    <a id="a1" href="https://docs.google.com/forms/d/e/1FAIpQLSfFeQ1AcFQfaXlxshKMAMGNb6gEXiSM2yCsiXqfsFax1hUNaA/viewform?usp=sf_link" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Register</a>
    </div>
MRCETGLUG's avatar
MRCETGLUG committed
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
  </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
141
<div class="w3-row-padding w3-padding-64 w3-container" id="about">
MRCETGLUG's avatar
MRCETGLUG committed
142
143
144
145
  <div class="w3-content">
    <div class="w3-twothird">
      <h1><b>About Us</b></h1>
     <h5 class="w3-padding-32">
MRCETGLUG's avatar
MRCETGLUG committed
146
    <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 eachother and can enhance our knowledge through sharing.
MRCETGLUG's avatar
MRCETGLUG committed
147
148
149
150
151
152
         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
153
      <img src="logo1.jpeg" width=300 height=300  id="logo">
MRCETGLUG's avatar
MRCETGLUG committed
154
155
156
157
158
159
160
161
162
163
164
165
    </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
166
      <ul>
MRCETGLUG's avatar
MRCETGLUG committed
167
168
        <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
169
        <li>We conduct <b>workshops</b>, <b>seminars</b>, <b>Hackathons</b>, <b>Tech Talks by experts</b>.</li>
MRCETGLUG's avatar
MRCETGLUG committed
170
171
        <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
172
        <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
173
174
175
        <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
176
    </ul>
MRCETGLUG's avatar
MRCETGLUG committed
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
206
207
    </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
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
                            <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
223
224
225
226
227
228
229
              </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
230
                <h1><b>Co-ordinators</b></h1>
MRCETGLUG's avatar
MRCETGLUG committed
231
                <ul><i><li>M. Jayapal</li></i>
MRCETGLUG's avatar
MRCETGLUG committed
232
233
                    <i><li>A. Saleem</li></i>
                </ul>
MRCETGLUG's avatar
MRCETGLUG committed
234
235
236
237
238
239
240
241
242
243
244
                <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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!-- 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
260
261
<!-- Footer -->
<footer class="w3-container w3-indigo w3-padding-64 w3-center w3-opacity">  
MRCETGLUG's avatar
MRCETGLUG committed
262
263
264
  <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
265
266
267
268
269
270
    <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
271
272

<p>Developed by <span>&copy;</span>Mic</p>
MRCETGLUG's avatar
MRCETGLUG committed
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
</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>