(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
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Dylan Samperi
Biomedical & Computer Engineering
Description of Member
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Sarah Nemsick
Biomedical Engineering
Description of Member
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Dinithi Samarasekera
Biomedical Engineering
Description of Member
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Douglas Densmore
PI
Hi I'm Prof. Densmore
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Josh
Head Mentor
Hi I'm Josh
(Email Symbol)
(Linkedin Symbol)
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Ali
Mentor
Hi I'm Ali
![Circle Image](chips/DylanSamperiHeadshot.jpeg)
Krishna
Mentor
Hi I'm Krishna