-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 9e3340c
Showing
3 changed files
with
187 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,187 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<title>Gfg mrce</title> | ||
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> | ||
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> | ||
<style> | ||
.nav{} | ||
.navbar{ | ||
position: fixed; | ||
top: 0; | ||
width: 100%; | ||
z-index: 1000; | ||
height: 100px; | ||
} | ||
|
||
@media screen and (max-width:768px){ | ||
|
||
} | ||
.nav-link:hover{ | ||
background-color: green; | ||
color: white; | ||
} | ||
.navbar-brand{ | ||
padding-left: 50px; | ||
} | ||
.q { | ||
background-image: url(techo.jpg); | ||
background-repeat: no-repeat; | ||
background-size: cover; | ||
justify-content: space-evenly; | ||
display: flex; | ||
flex-direction: column; /* Display as column by default */ | ||
align-items: center; | ||
height: 500px; | ||
color: white; | ||
margin-top: 150px; | ||
} | ||
@keyframes slideRight { | ||
from { | ||
transform: translateX(-190%); | ||
} | ||
to { | ||
transform: translateX(0); | ||
} | ||
} | ||
|
||
.w { | ||
animation: slideRight 2s ease-in-out; | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<nav id="navbar-example2" class="navbar bg-body-tertiary px-3 mb-3"> | ||
<a class="navbar-brand" href="#"><img src="gfg.jpeg" width="80px" height="80px" style="border-radius: 50px;"></a> | ||
<ul class="nav nav-pills"> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#scrollspyHeading1">Home</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#scrollspyHeading2">About</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#scrollspyHeading3">Events</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#scrollspyHeading4">Team</a> | ||
</li> | ||
<li class="nav-item"> | ||
<a class="nav-link" href="#scrollspyHeading5">Register</a> | ||
</li> | ||
|
||
</ul> | ||
</nav> | ||
|
||
|
||
<div class="q" > | ||
<div class="w" > | ||
<h1 style="font-size: 60px;" class="c" id="scrollspyHeading1">TechieHub</h1> | ||
<br> <p style="font-size:20px" align="center">Know and grow</p> | ||
</div> | ||
<div class="e"> | ||
<img src="ws1.jpeg" style="border-radius: 20px;"> | ||
</div> | ||
</div> | ||
<br> | ||
<h1 align="center" style="color:black; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif">Vision and mission</h1> | ||
<br> | ||
<div class="t" id="scrollspyHeading2"> | ||
<div class="y"> | ||
<h2>Foundation and Ideology:</h2> | ||
<p>Techie Hub was founded with a singular goal - to provide a platform for individuals to explore and expand their horizons in the vast realm of technology. | ||
The club endeavors to break down the silos that often characterize the tech world, promoting an inclusive environment where diverse perspectives converge to create something extraordinary.</p> | ||
</div> | ||
|
||
|
||
<div class="u"> | ||
<h2 >Diverse Membership:</h2> | ||
|
||
This diversity not only reflects the expansive nature of technology but also ensures a holistic approach to problem-solving and innovation. Members come from different backgrounds, bringing unique skills, experiences, and ideas to the table, creating a rich tapestry of knowledge exchange. | ||
|
||
</div> | ||
<div class="i"> | ||
<h2>Techie Talks: | ||
</h2> | ||
Beyond practical workshops, Techie Hub organizes Techie Talks and panel discussions, inviting industry leaders, researchers, and innovators to share their insights. These sessions provide a platform for members to interact with established professionals, ask questions, and gain valuable insights into the current trends and future directions of technology. | ||
|
||
|
||
|
||
</div> | ||
</div> | ||
<br> | ||
<h2 id="scrollspyHeading3">Our College:</h2> | ||
<img src="collegephoto.jpg" class="img-fluid" alt="..."> | ||
<br><br> | ||
<p>Malla Reddy College of Engineering (Formerly CM Engineering College) has been established under the aegis of the Malla Reddy Group of institutions in the year 2005, a majestic empire, founded by chairman Sri. Ch. Malla Reddy. He has been in the field of education for the last 22 years with the intention of spearheading quality education among children from the school level itself.</p> | ||
<p>Since the beginning Mr. Malla Reddy has endeavoured to ensure quality education and carved a niche for himself by managing this group of institutions. | ||
|
||
Malla Reddy College of Engineering has been laid upon a very strong foundation and has ever since been excelling in every aspect. The bricks of this able institute are certainly the adept management, the experienced faculty, the selfless non-teaching staff and of course the students.</p> | ||
|
||
<h2 align="center" id="scrollspyHeading4">MEMBERS</h2><br> | ||
<div class="table-responsive"> | ||
<table class="table table-hover"> | ||
<caption>List of users</caption> | ||
<thead > | ||
<tr> | ||
<th scope="col">Sno</th> | ||
<th scope="col">Role</th> | ||
<th scope="col">Name</th> | ||
<th scope="col">Handle</th> | ||
</tr> | ||
</thead> | ||
<tbody> | ||
<tr> | ||
<th scope="row">1</th> | ||
<td>President</td> | ||
<td>Karthik</td> | ||
<td>@mdo</td> | ||
</tr> | ||
<tr> | ||
<th scope="row">2</th> | ||
<td>Executive Officer</td> | ||
<td>Pavani</td> | ||
<td>@fat</td> | ||
</tr> | ||
<tr> | ||
<th scope="row">3</th> | ||
<td>Secretary</td> | ||
<td>Sathwik</td> | ||
<td>@twitter</td> | ||
</tr> | ||
</tbody> | ||
</table> | ||
</div> | ||
<div class="ml" id="scrollspyHeading5"> | ||
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeATGp8hCTjypVv5d3GDIPLjZt3seeO9dh57T84q8r70I0rQA/viewform?embedded=true" width="640" height="997" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe> | ||
</div> | ||
<div class="o"> | ||
<div class="p"> | ||
<h4 style="margin-left: 20px; margin-top:10px">Techiehub</h4> | ||
<p style="color:pink;">Techie Hub extends beyond the realm of technology. By nurturing a community that values collaboration, innovation, and continuous learning.</p> | ||
</div> | ||
<div class="a"> | ||
<h4 style="padding-left:20px">Browse</h4> | ||
<ul> | ||
<li>Home</li> | ||
<li>About</li> | ||
<li>Contact</li> | ||
<li>Connect</li> | ||
</ul> | ||
</div> | ||
<div class="s"> | ||
<h4 style="padding-left:30px;">Contact us</h4> | ||
<a href="#" class="fa fa-facebook"></a> | ||
<a href="#" class="fa fa-twitter"></a> | ||
<a href="#" class="fa fa-linkedin"></a> | ||
<a href="#" class="fa fa-instagram"></a> | ||
</div> | ||
<hr> | ||
Copyrights© all rights reserved TechieHub | ||
</div> | ||
|
||
</body> | ||
</html> | ||
|