(Replaced content with "{{Global_Template}}") |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{Global_Menubar}} |
+ | {{Team:BostonU_Hardware/CSS}} | ||
+ | <!doctype html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png"> | ||
+ | <link rel="icon" type="image/png" href="assets/img/favicon.png"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> | ||
+ | |||
+ | <title>Team</title> | ||
+ | |||
+ | <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' /> | ||
+ | |||
+ | <!-- EXTRA STYLING --> | ||
+ | <style> | ||
+ | #Title{ | ||
+ | color: red; | ||
+ | } | ||
+ | #page_background{ | ||
+ | background-image: <!-- insert image here -->; | ||
+ | } | ||
+ | #Profile_Pic{ | ||
+ | width: 100%; | ||
+ | border-radius: 30%; | ||
+ | } | ||
+ | #Mentor_Pic{ | ||
+ | float: left; | ||
+ | width: 30%; | ||
+ | height: 100%; | ||
+ | margin: 1.5%; | ||
+ | margin-top: 5%; | ||
+ | } | ||
+ | #Profile_Text{ | ||
+ | width: inherit; | ||
+ | } | ||
+ | #Header_Pic{ | ||
+ | height: 60%; | ||
+ | } | ||
+ | #Member_Pic{ | ||
+ | float: left; | ||
+ | border-radius: 30%; | ||
+ | margin-top: 5%; | ||
+ | } | ||
+ | #Member_Text{ | ||
+ | text-align: center; | ||
+ | margin-top: 10%; | ||
+ | } | ||
+ | div.name{ | ||
+ | margin-top:10%; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <!-- *************THIS IS WHERE PAGE STARTS************* --> | ||
+ | |||
+ | <body class="landing-page"> | ||
+ | |||
+ | <div class="wrapper" id="page_background"> | ||
+ | <div class="header" style="background-image:url(chips/city.jpg)" id="Header_Pic"></div> | ||
+ | <div class="main main-raised"> | ||
+ | <div class="profile-content"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="avatar"> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Dylan Samperi</h3> | ||
+ | <h6 class="text-center">Biomedical & Computer Engineering</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6" id="Member_Text"> | ||
+ | <p>Description of Member<p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="avatar"> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Sarah Nemsick</h3> | ||
+ | <h6 class="text-center">Biomedical Engineering</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6" id="Member_Text"> | ||
+ | <p>Description of Member<p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="avatar"> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Dinithi Samarasekera</h3> | ||
+ | <h6 class="text-center">Biomedical Engineering</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6" id="Member_Text"> | ||
+ | <p>Description of Member<p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="header" style="background-image:url(chips/city.jpg)" id="Header_Pic"></div> | ||
+ | <div class="main main-raised"> | ||
+ | <div class="profile-content"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6"> | ||
+ | <div class="avatar"> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Member_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Douglas Densmore</h3> | ||
+ | <h6 class="text-center">PI</h6> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6" id="Member_Text"> | ||
+ | <p>Hi I'm Prof. Densmore<p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-6" id="Mentor_Pic"> | ||
+ | <div class="avatar"> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Profile_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Josh</h3> | ||
+ | <h6 class="text-center">Head Mentor</h6> | ||
+ | <p id="Profile_Text">Hi I'm Josh<p> | ||
+ | <br> | ||
+ | </br> | ||
+ | <p>(Email Symbol)</p> | ||
+ | <br> | ||
+ | </br> | ||
+ | <p>(Linkedin Symbol)</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6" id="Mentor_Pic"> | ||
+ | <div> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Profile_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Ali</h3> | ||
+ | <h6 class="text-center">Mentor</h6> | ||
+ | <p>Hi I'm Ali</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-6" id="Mentor_Pic"> | ||
+ | <div> | ||
+ | <center><img src="chips/DylanSamperiHeadshot.jpeg" alt="Circle Image" class="img-circle img-responsive img-raised" id="Profile_Pic"/></center> | ||
+ | </div> | ||
+ | <div class="name"> | ||
+ | <h3 class="title text-center">Krishna</h3> | ||
+ | <h6 class="text-center">Mentor</h6> | ||
+ | <p>Hi I'm Krishna</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> | ||
+ | {{Team:BostonU_Hardware/Javascript}} |
Revision as of 00:40, 6 September 2017
Dylan Samperi
Biomedical & Computer Engineering
Description of Member
Sarah Nemsick
Biomedical Engineering
Description of Member
Dinithi Samarasekera
Biomedical Engineering
Description of Member
Douglas Densmore
PI
Hi I'm Prof. Densmore
Josh
Head Mentor
Hi I'm Josh
(Email Symbol)
(Linkedin Symbol)
Ali
Mentor
Hi I'm Ali
Krishna
Mentor
Hi I'm Krishna