Skip to content
glug.html 5.42 KiB
Newer Older
Shraddhadandegoankar's avatar
Shraddhadandegoankar committed
<html>
	<head>
		<title>GLUG NMREC</title>
		<link rel="shortcut icon" href="https://code.swecha.org/arunsai63/website/raw/master/images/favicon.ico" type="image/x-icon" />
		<style>
			body{
			  margin: 0;
			}

			.topnav {
			  overflow: hidden;
			  background-color: #E0E0E0;

			}

			.topnav a {
			  float: left;
			  color: #000000;
			  text-align: center;
			  padding: 14px 16px;
			  text-decoration: none;
			  font-size: 17px;
			}

			.topnav a:hover {
			  background-color: #ddd;
			  color: black;
			}

			.ourteam-container a:hover {
			  display: block;
			  background-color: #ddd;
			  color: black;
			}

			.ourteam-container img {
			  float: left;
			  color: #000000;
			  padding: 30px 20px;
			  border-radius: 50%;
			}

			.ourteam-container{
			  overflow: hidden;
			  //background-color: #BDBDBD;
			  margin-top: 2px;
			  margin-left: 4%; 
			}

			.parallax {
			    background-image: url("file:///home/student/Downloads/unity.jpeg");
			    height: 500px;
			    background-attachment: fixed;
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: cover;
			}

			.title{
			  display: inline-block;
			  width: 30%;
			  text-align: center;
			  padding:12px 24px;
			  position:absolute;
			  top:20%;
			  left:50%;
			  transform:translate(-50%,-50%);
			  -ms-transform:translate(-50%,-50%);
			  background-color: #000000;
			  color: #ffffff;
			}

			.tocenter{
			  padding-top: 10px;
			  margin:0 auto;
			  align: center;
			}

			.about{
			  padding: 40px 20px;
			  margin: 20px 20px;  
			}

			#logo{
			  float: left;
			  margin: 20px 30px;
			  padding: 10px 10px;
			  width: 40%;
			}

			#bio{
			  float: right;
			  margin: 1% 1%;
			  padding: 20px 20px;
			  width: 40%;
			  
			}

			.container{
			   width:100%;
			   text-align:center;
			   margin-top: 5%;
			   background-color: #E0E0E0;
			}

			#container2 {
			    width:100%;
			    text-align:center;
			}

			#left {
			    float:left;
			    margin-left: 15%;
			}

			#center {
			    display: inline-block;
			    margin:0 auto;
			}

			#right {
			    float:right;
			    margin-right: 15%;
			}

			.aboutus{
			  margin: 2px 2px;
			  background-color: #E0E0E0;
			  padding: 20px 20px;
			}
		</style>
	</head>
	<body>
		<div class="topnav">
  			<a href="#">Home</a>
  			<a href="#goto-aboutus">About</a>
  			<a href="#goto-ourteam-container">Team</a>
		</div>
		<div class="parallax"></div> 
		<h3><div class="title">GLUG NMREC</div></h3>
		<div id="goto-aboutus"></div>
		<div class="aboutus">
			<h3 align="center" class="tocenter">OUR MOTTO</h3>
			<h2><p class="tocenter"><em style="margin-left: 10px;">"THOUGH WE ARE DIVIDED BY SOUL WE ARE UNITED BY THOUGHTS"</em></p></h2>
			<p align="center" style="text-align: left; padding-left: 15px;">Our main aim is to facilitate the 'future architechts of world' with trending open source technologies as to promote the FSMI.</p>
			<div class="container">
				<img src=/home/student/Downloads/logo.jpeg>
				<div id="bio">
			      	<p style="text-align: left; line-height: 20px;">
				      	<b>supriya</b><br>front end developer<br>
		                <b>vivek</b><br>intrested in back end developer and coder<br>
		                <b>uma</b><br>I'm interested in web developeing<br>
		                <b>aditya</b><br>I'm interested in web developing<br>
		                <b>shivasai</b><br>I'm interested in coding<br>
		                <b>om sai prakash</b><br>I'm intrested in .....</br>
			      	</p>
		    	</div>
	    	</div>
		</div>
    	<h3 align="center" style="margin-top: 35%; background-color: #E0E0E0; margin-left: 5px; margin-right: 5px;">OUR TEAM</h3>
		<div id="goto-ourteam-container"></div>
		<div class="ourteam-container">
			<a href="http://shraddha389.swecha.io/"><img src="/home/student/Downloads/anu.jpeg" alt="image here" height="20%" width="20%" title="Sai Arun"></a>
			<a href="http://akhilareddy.swecha.io/website"><img src="https://code.swecha.org/arunsai63/website/raw/master/images/akhila.jpeg" alt="image here" height="20%" width="20%" title="akhila"></a>
			<a href="http://nikhitha.swecha.io/website"><img src="https://code.swecha.org/arunsai63/website/raw/master/images/nikitha.jpeg" alt="image here" height="20%" width="20%" title="Nikitha"></a>
			<a href="http://vasavi2910.swecha.io/"><img src="https://code.swecha.org/vasavi2910/vasavi2910.swecha.io/raw/master/d1/20180429_121526.jpg" alt="image here" height="20%" width="20%" title="Vasavi"></a>
		</div>
		<div class="ourteam-container">
			<a href="http://srisatyalokesh.swecha.io/SriSatyaLokesh.swecha.io"><img src="https://code.swecha.org/arunsai63/website/raw/master/images/satya.jpeg" alt="image here" height="20%" width="20%" title="Satya"></a>
			<a href="http://navya-naidu.swecha.io/Navya-naidu.swecha.io/resume.html"><img src="https://code.swecha.org/arunsai63/website/raw/master/images/navya.jpeg" alt="image here" height="20%" width="20%" title="Navya"></a>
			<a href="http://divya-ankam.swecha.io/divyaankam.swecha.io/resume.html"><img src="https://code.swecha.org/arunsai63/website/raw/master/images/divya.jpeg" alt="image here" height="20%" width="20%" title="Divya"></a>
			<a href="http://lava.swecha.io/resume.html"><img src="https://code.swecha.org/arunsai63/website/raw/master/images/lavanya.jpeg" alt="image here" height="20%" width="20%" title="Lavanya"></a>
		</div>
		<div style="width: 100%; margin-top: 120px;"><p style="text-align: right; margin-right: 20%;"></p></div>
	</body>
</html>