Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added Mentees Page #17

Merged
merged 1 commit into from
Dec 9, 2023
Merged

Added Mentees Page #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 17 additions & 0 deletions css/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -183,7 +183,24 @@ input#search {
#close-button img {
height: 25px;
}
.inputfull {
width: 100%;
padding: 10px;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.inputhalf {
width: 40%;

margin-right: 5%;
padding: 10px;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.footer {
background: linear-gradient(180deg, #000 0%, #1d1e20 100%);
color: #fff;
Expand Down
127 changes: 127 additions & 0 deletions css/mentees.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
.menteesbody {
display: flex;
flex-direction: column;
justify-content: center;
font-family: mediamoure;
}
.menteesbody h1 {
font-size: 96px;
text-align: center;
margin-bottom: 40px;
}
.menteesbody p {
width: 70%;
font-size: 24px;
text-align: center;
margin: 0px auto 40px auto;
}
.menteesform {
display: flex;
flex-direction: column;
}
.switchbuttons {
display: flex;
flex-direction: row;
}
.menteesformbody {
padding: 40px;
background-image: url("/images/mentees/mentees.png");
background-repeat: no-repeat;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
background-size: 100%;
color: #ffffff;
}
.menteesmain {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
gap: 40px;
}
.menteesformbody h1 {
font-size: 80px;
text-align: center;
margin-bottom: 40px;
}
.menteesformbody p {
font-size: 20px;
text-align: center;
margin: 0px auto 40px auto;
}
.menteesformbodyleft {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40%;
height: 100%;
}
.menteesformbodyright {
margin-top: 200px;
}

.menteesbutton,
.mentorsbutton {
display: flex;
justify-content: center;
align-items: center;
width: 150px;
height: 50px;
background-color: #f2f2f2;
font-size: 20px;
font-family: mediamoure;
color: #000000;
}
.menteesbutton {
border-radius: 0px 30px 0px 0px;
border-bottom: none;
background: #1b204a;
color: #ffffff;
}
.mentorsbutton {
border-radius: 30px 30px 0px 0px;
border: 3px solid #1b204a;
border-bottom: none;
}
input {
color: #fff;
}
input::placeholder {
color: #fff;
font-family: mediamoure;
}
.submitbtn {
margin: 10px auto 10px auto;
display: flex;
justify-content: center;
padding: 17px 99px;
justify-content: center;
align-items: center;
gap: 10px;

border-radius: 19px;
border: none;
color: #fff;
font-family: mediamoure;
font-size: 20px;
background-color: #1b204a;
}
.menteesformlogo {
width: 100%;
display: flex;
justify-content: end;
}

@media screen and (max-width: 1000px) {
.menteesbody h1 {
font-size: 40px;
}
.menteesbody p {
width: 80%;
font-size: 18px;
}
}
18 changes: 0 additions & 18 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -242,24 +242,7 @@ input#search {

padding: 40px;
}
.inputfull {
width: 100%;
padding: 10px;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.inputhalf {
width: 40%;

margin-right: 5%;
padding: 10px;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
margin-bottom: 10px;
}
.volunteerright .inputhalf {
color: #fff;
}
Expand Down Expand Up @@ -408,7 +391,6 @@ input[type="radio"]:checked {
.donationbtn {
padding: 20px;
}

}
@media screen and (min-width: 1400px) {
.bodymissiontext ul li {
Expand Down
Binary file modified images/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added images/mentees/mentees.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/mentees/mentors.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
193 changes: 193 additions & 0 deletions mentees.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,193 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mentees</title>
<link rel="stylesheet" href="css/mentees.css" />
<link rel="stylesheet" href="css/global.css" />
<link rel="icon" type="image/x-icon" href="/images/assests/logo.png" />
</head>
<body>
<div class="header">
<div class="navbar">
<div class="navleft">
<img src="images/assests/logo.png" alt="logo" />
<input type="text" id="search" />
</div>
<div class="navright">
<a href="index.html" class="navitems">Home</a>

<a href="contact.html" class="navitems">Contact Us</a>
<a href="volunteer.html" class="navitems">Volunteer</a>
<img
src="images/assests/gripblack.png"
alt="menu"
id="menu-button"
onclick="toggleMenu()"
/>
</div>
</div>
<div id="dropdown-menu">
<div id="close-button">
<img
src="images/assests/close.png"
alt="close"
onclick="toggleMenu()"
/>
</div>
<div class="dropdownbody">
<a href="activites.html" class="menu-item"><h5>Activities</h5></a>
<ul>
<li>Education</li>
<li>Health</li>
<li>Livelihoods</li>
<li>Research and documentation</li>
</ul>
</div>
<div class="dropdownbody">
<a href="#" class="menu-item"><h5>Information</h5></a>
<ul>
<li>Registration</li>
<li>Trustees Profile</li>
<li>Advisors Profile</li>
</ul>
</div>
<div class="dropdownbody">
<a href="#" class="menu-item"><h5>Contribute</h5></a>
<ul>
<li>Volunteering with us</li>
<li>Donation</li>
<li>Contact Us</li>
</ul>
</div>
<div class="dropdownbody">
<a href="#" class="menu-item"><h5>Mentorship Program</h5></a>
</div>
</div>
<hr class="splitter" />
</div>
<div class="menteesbody">
<h1>Join Our Mentorship Community</h1>
<p>
Ready to be part of our Mentorship Community? Apply now to become a
mentor or mentee and contribute to a culture of knowledge sharing and
growth. Together, we can build a brighter future.
</p>
</div>
<div class="menteesform">
<div class="switchbuttons">
<div class="menteesbutton"><p>Mentees</p></div>
<div class="mentorsbutton"><p>Mentors</p></div>
</div>
<div class="menteesformbody">
<div class="menteesmain">
<div class="menteesformbodyleft">
<h1>Mentees</h1>
<p>
Are you ready to learn, grow, and achieve your dreams? Join AD
life as a mentee and gain access to a network of experienced
mentors who are dedicated to your success.
</p>
<p>
Whether you're a student, a budding entrepreneur, or someone
seeking personal development, our Mentorship Community is here to
support your journey.
</p>
</div>
<div class="menteesformbodyright">
<form>
<input type="text" placeholder="First Name" class="inputhalf" />
<input type="text" placeholder="Last Name" class="inputhalf" />
<input
type="text"
placeholder="Mobile Number"
class="inputhalf"
/>
<input type="number" placeholder="Age" class="inputhalf" />
<input type="text" placeholder="Address" class="inputfull" />
<input
type="text"
placeholder="Area Of Interest"
class="inputfull"
/>
<input type="text" placeholder="E-Mail" class="inputfull" />

<input type="text" placeholder="Citizen" class="inputhalf" />
<br />
<button class="submitbtn">Submit</button>
</form>
</div>
</div>
<div class="menteesformlogo">
<img src="images/assests/logo.png" alt="logo" />
</div>
</div>
</div>
<div class="footer">
<div class="footerleft">
<div class="footerlefthead">
<img src="images/assests/logo.png" alt="logo" />
<h1>AD LIFE</h1>
</div>
<div class="footerleftside"><p>ADDING VALUE TO LIFE</p></div>
<div class="footerleftbody">
<p>
Our trust is registered under the Indian Trusts Act, 1882 with
Sub-Registrar at Kengeri, Bangalore since January 3rd, 2005.
</p>
</div>
</div>
<div class="footerright">
<div class="footerrightbody">
<div class="footerrightheader">WHO WE ARE</div>
<hr class="footerrightsplitter" />
<ul>
<li>> Homepage</li>
<li>> Activities</li>
<li>> Information</li>
<li>> Contribute Now</li>
<li>> Contact</li>
</ul>
</div>
<div class="footerrightbody">
<div class="footerrightheader">WHERE WE WORK</div>
<hr class="footerrightsplitter" />
<ul>
<li>
<img src="images/assests/map.png" alt="map" />B-803, 10-3-163/1
Amri Central Court Apartments Old Lance Lines , Secunderabad -
500025
</li>
<li>
<img src="images/assests/phone.png" alt="phone" />+91-9505051521
</li>

<li>
<img
src="images/assests/mail.png"
alt="mail"
/>[email protected]
</li>
</ul>
</div>
<div class="footerrightbody">
<div class="footerrightheader">FOLLOW US</div>
<hr class="footerrightsplitter" />
<p>
For more Regular updates and event announcements. Make sure to
follow us:
</p>
<div class="socials">
<img src="images/assests/fb.png" alt="facebook" />
<img src="images/assests/insta.png" alt="instagram" />
<img src="images/assests/twitter.png" alt="twitter" />
<img src="images/assests/yt.png" alt="youtube" />
</div>
</div>
</div>
</div>
<div class="copyright">Copyright 2023 © AD Life Trust.</div>
<script src="js/script.js"></script>
</body>
</html>