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

Created page where you can see mentors #4

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Created page where you can see mentors #4

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
126 changes: 126 additions & 0 deletions student.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,126 @@
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>

<style type="text/css">
.container{
margin: 0 auto;
width: 80%;
}
</style>
<body>
<div class="navbar-fixed navigation-desktop">
<logo>
<a href="#"><img src="./logo.png" width="70" height="70" alt="MBC logo"></a>
</logo>
<nav class="topnav" id="myTopnav">
<div><a href="#">Sign up</a></div>
<div><a href="#">Log in</a></div>
</nav>
</div>
<br>
<div class="all">

<br> <br>
<div class="container">
<div class="card w-180">
<!--<img class="card-img-right" src="..." alt="Card image cap">-->
<div class="card-body">
<h5 class="card-title">Alicia Hopper</h5>
<p class="card-text">My name is Alicia Hopper. I am a junior majoring in computer Science and I'm interested in becoming a mentor. My interests include machine learning and exploring more in Data Science. My proficient skills include Python, Html, CSS, Javascript and Go.</p>
<a href="#" class="btn btn-primary">Ask Alicia to mentor you</a>
</div>
</div>
</div>

<br>

<div class="container">
<div class="card w-180">
<!--<img class="card-img-right" src="..." alt="Card image cap">-->
<div class="card-body">
<h5 class="card-title">Summer Thomson</h5>
<p class="card-text">My name is Summer Thomson. I am interested in becoming a mentee, as I am in my sophomore year majoring in Forensics Science I have completed my general biology, physics and chemistry requirements, and will start my organic chemistry course this fall. Outside of study science, my interest are proficient includes front end designing: HTML, CSS and Javascript. </p>
<a href="#" class="btn btn-primary">Mentor Summer</a>
</div>
</div>
</div>

<br>

<div class="container">
<div class="card w-180">
<!--<img class="card-img-right" src="..." alt="Card image cap">-->
<div class="card-body">
<h5 class="card-title">Mary Winchester</h5>
<p class="card-text">My name is Mary Winchester <br>
I am a senior and interested in becoming a mentor<br>
I am a Computer Science Major focused on Cybersecurity. My skills include: C++, Python, JavaScript
Completed Courses: Data Structures, Algorithms, Cryptography, Computer Networking </p>
<a href="#" class="btn btn-primary">Ask Mary to mentor you</a>
</div>
</div>
</div>

<br>

<div class="container">
<div class="card w-180">
<!--<img class="card-img-right" src="..." alt="Card image cap">-->
<div class="card-body">Ruby Matthews </h5>
<p class="card-text">My name Ruby Matthews. I am a sophmore and interested in becoming a mentee.
I am planning on majoring in Engineering, specifically mechanical engineering
Completed Courses: Calculus l and ll, Physics l</p>
<a href="#" class="btn btn-primary">Mentor Ruby</a>
</div>
</div>
</div>
<br> <br>
</div>
</body>
<style>
/* Logo */
logo {
margin-left: 1em;
}
/* Navigation */
.all{
background-color: #e8d7ea;
}
nav {
float: right;
font-family: 'Arvo', sans-serif;
margin-right: 2em;
margin-top: 1.5em;
}

nav div a {
color: #000;
text-decoration: none;
transition: background-image .3s;
padding: 1em 1.5em;
border: 2px solid #4d3b56;
border-radius: 3px;
}

nav div a:hover {
color: white;
border: 1px solid #4d3b56;
background-color: #4d3b56;
text-decoration: none;
}

nav div{
position: relative;
display: inline-block;

text-align: center;
}


</style>
</html>