(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{Georgia_State}} | + | {{Georgia_State/sand}} |
− | <html> | + | <html lang="en"> |
− | < | + | <head> |
− | < | + | <meta charset="UTF-8"> |
− | < | + | <meta name="description" content=""> |
− | < | + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
− | + | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
+ | <!-- Title --> | ||
+ | <title>GSU iGEM</title> | ||
− | < | + | <!-- Favicon --> |
+ | <link rel="icon" href="./img/core-img/favicon.ico"> | ||
+ | <!-- Stylesheet --> | ||
+ | <link rel="stylesheet" href="style.css"> | ||
+ | </head> | ||
− | <div class=" | + | <body> |
+ | |||
+ | <!-- Preloader --> | ||
+ | <div id="preloader"> | ||
+ | <div class="loader"></div> | ||
+ | </div> | ||
+ | <!-- /Preloader --> | ||
+ | |||
+ | <!-- Main Header Start --> | ||
+ | <div class="main-header-area"> | ||
+ | <div class="classy-nav-container breakpoint-off"> | ||
+ | <div class="container"> | ||
+ | <!-- Classy Menu --> | ||
+ | <nav class="classy-navbar justify-content-between" id="akameNav"> | ||
− | < | + | <!-- Logo --> |
− | < | + | <a class="nav-brand" href="index.html"><img src="./img/core-img/logo.png" alt=""></a> |
− | + | ||
− | </ | + | |
+ | <!-- Navbar Toggler --> | ||
+ | <div class="classy-navbar-toggler"> | ||
+ | <span class="navbarToggler"><span></span><span></span><span></span></span> | ||
+ | </div> | ||
+ | <!-- Menu --> | ||
+ | <div class="classy-menu"> | ||
+ | <!-- Menu Close Button --> | ||
+ | <div class="classycloseIcon"> | ||
+ | <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div> | ||
+ | </div> | ||
+ | <!-- Nav Start --> | ||
+ | <div class="classynav"> | ||
+ | <ul id="nav"> | ||
+ | <li><a href="./index.html">Home</a></li> | ||
+ | <li><a href="./team.html">Team</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="./portfolio.html">- Team Members</a></li> | ||
+ | <li><a href="./collaborations.html">- Collaborations</a></li> | ||
+ | <li><a href="./collaborations.html">- Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Project</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li><a href="./description.html">- Description</a></li> | ||
+ | <li><a href="./about.html">- Design</a></li> | ||
+ | <li><a href="./service.html">- Notebook</a></li> | ||
+ | <li><a href="./portfolio.html">- Protocols</a></li> | ||
+ | <li><a href="./blog.html">- Results</a></li> | ||
+ | <li><a href="./single-blog.html">- Hardware</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="./service.html">Parts</a></li> | ||
+ | <li><a href="#">Human Practices</a> | ||
+ | <ul class="dropdown"> | ||
+ | <li class="active"><a href="./about.html">- Human Practices</a></li> | ||
+ | <li><a href="#">- Public Engagement</a></li> | ||
+ | </ul> | ||
+ | <li><a href="./blog.html">Safety</a></li> | ||
+ | <li><a href="./contact.html">Judging Form</a></li> | ||
+ | |||
− | < | + | </div> |
− | + | <!-- Nav End --> | |
− | + | </div> | |
− | + | </nav> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </header> | |
− | + | <!-- Header Area End --> | |
− | + | ||
+ | <!-- Breadcrumb Area Start --> | ||
+ | <section class="breadcrumb-area section-padding-80"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-12"> | ||
+ | <div class="breadcrumb-content"> | ||
+ | <h2>Human Practices</h2> | ||
+ | <nav aria-label="breadcrumb"> | ||
+ | <ol class="breadcrumb"> | ||
+ | <li class="breadcrumb-item"><a href="index.html"><i class="icon_house_alt"></i> Home</a></li> | ||
+ | <li class="breadcrumb-item active" aria-current="page">HP</li> | ||
+ | </ol> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Breadcrumb Area End --> | ||
+ | <!-- Our Expert Area Start --> | ||
+ | <section class="akame-our-expert-area about-us-page section-padding-80-0"> | ||
+ | <!-- Side Thumbnail --> | ||
+ | <div class="side-thumbnail" style="background-image: url(img/bg-img/17.png);"></div> | ||
− | < | + | <div class="container"> |
− | + | <div class="row justify-content-end"> | |
− | < | + | <div class="col-12 col-lg-6"> |
− | </div> | + | <!-- Section Heading --> |
− | + | <div class="section-heading"> | |
− | <div class=" | + | <h2>Our Experts</h2> |
+ | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis nostrud exercitation ullamco laboris nisi ut aliquip ex.</p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container"> | ||
+ | <div class="row justify-content-center" > | ||
− | + | <!-- Single Team Member --> | |
− | <div class=" | + | <div class="col-12 col-sm-6 col-lg-3"> |
− | <div class=" | + | <div class="single-team-member mb-80"> |
− | < | + | <div class="team-member-img"> |
− | </p> | + | <img src="img/bg-img/10.jpg" alt=""> |
− | </div> | + | <!-- Social Info --> |
− | </div> | + | <div class="team-social-info d-flex align-items-center justify-content-center"> |
+ | <div class="social-link"> | ||
+ | <a href="#"><i class="fa fa-facebook"></i></a> | ||
+ | <a href="#"><i class="fa fa-twitter"></i></a> | ||
+ | <a href="#"><i class="fa fa-linkedin"></i></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="team-member-info" align="center"> | ||
+ | <h5>Alanna Waldman</h5> | ||
+ | <p>Marine Biologist</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <!-- Single Team Member --> |
+ | <div class="col-12 col-sm-6 col-lg-3"> | ||
+ | <div class="single-team-member mb-80"> | ||
+ | <div class="team-member-img"> | ||
+ | <img src="img/bg-img/11.jpg" alt=""> | ||
+ | <!-- Social Info --> | ||
+ | <div class="team-social-info d-flex align-items-center justify-content-center"> | ||
+ | <div class="social-link"> | ||
+ | <a href="#"><i class="fa fa-facebook"></i></a> | ||
+ | <a href="#"><i class="fa fa-twitter"></i></a> | ||
+ | <a href="#"><i class="fa fa-linkedin"></i></a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="team-member-info" align="center"> | ||
+ | <h5>Kim Stone</h5> | ||
+ | <p>Curator</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Single Team Member --> | ||
+ | <div class="col-12 col-sm-6 col-lg-3"> | ||
+ | <div class="single-team-member mb-80"> | ||
+ | <div class="team-member-img"> | ||
+ | <img src="img/bg-img/12.jpg" alt=""> | ||
+ | <!-- Social Info --> | ||
+ | <div class="team-social-info d-flex align-items-center justify-content-center"> | ||
+ | <div class="social-link"> | ||
+ | <a href="#"><i class="fa fa-facebook"></i></a> | ||
+ | <a href="#"><i class="fa fa-twitter"></i></a> | ||
+ | <a href="#"><i class="fa fa-linkedin"></i></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="team-member-info" align="center"> | ||
+ | <h5>Dr. Jessica Joyner</h5> | ||
+ | <p>Professor</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Our Expert Area End --> | ||
+ | <!-- Expert Extended Area Start--> | ||
+ | <section class="akame--about--area section-padding-80"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <!-- About Us Thumbnail --> | ||
+ | <div class="col-12 col-md-6 col-lg-4"> | ||
+ | <div class="about-us-thumbnail mb-80"> | ||
+ | <img src="img/bg-img/10.jpg" alt=""> | ||
+ | </div> | ||
+ | <div class="section-heading text-center mb-80"> | ||
+ | <h2>Alanna Waldman</h2> | ||
+ | <p>Coral Reef Restoration, Assessment & Monitoring Lab, <br> Nova Southeastern University</pl> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-12 col-lg-8"> | ||
+ | <div class="about-us-content mb-80"> | ||
+ | <p>At Hairone Salon, we are lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Expert Extended Area End--> | ||
− | <div class=" | + | <!-- Border --> |
− | + | <div class="container"> | |
− | + | <div class="border-top mt-3"></div> | |
− | <p> | + | </div> |
+ | |||
+ | <!-- Expert Extended Area Start--> | ||
+ | <section class="akame--about--area section-padding-80"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <!-- About Us Thumbnail --> | ||
+ | <div class="col-12 col-md-6 col-lg-4"> | ||
+ | <div class="about-us-thumbnail mb-80"> | ||
+ | <img src="img/bg-img/11.jpg" alt=""> | ||
+ | </div> | ||
+ | <div class="section-heading text-center mb-80"> | ||
+ | <h2>Kim Stone</h2> | ||
+ | <p>Curator of Fish and Invertebrates, Georgia Aquarium</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-12 col-lg-8"> | ||
+ | <div class="about-us-content mb-80"> | ||
+ | <p>At Hairone Salon, we are lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Expert Extended Area End--> | ||
+ | |||
+ | <!-- Border --> | ||
+ | <div class="container"> | ||
+ | <div class="border-top mt-3"></div> | ||
+ | </div> | ||
+ | <!-- Expert Extended Area Start--> | ||
+ | <section class="akame--about--area section-padding-80"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <!-- About Us Thumbnail --> | ||
+ | <div class="col-12 col-md-6 col-lg-4"> | ||
+ | <div class="about-us-thumbnail mb-80"> | ||
+ | <img src="img/bg-img/12.jpg" alt=""> | ||
+ | </div> | ||
+ | <div class="section-heading text-center mb-80"> | ||
+ | <h2>Dr. Jessica Joyner</h2> | ||
+ | <pl>Professor of Biology, <br> Georgia State University</pl> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-12 col-lg-8"> | ||
+ | <div class="about-us-content mb-80"> | ||
+ | <p>At Hairone Salon, we are lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | |||
+ | <!-- Goodbye Area Start --> | ||
+ | <section class="akame-service-area"> | ||
+ | <div class="welcome-slides owl-carousel"> | ||
+ | <!-- Single Welcome Slide --> | ||
+ | <div class="single-goodbye-slide bg-img" style="background-image: url(img/bg-img/1.png);"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- Goodbye Area End --> | ||
+ | <!-- Footer Area Start --> | ||
+ | <footer class="footer-area section-padding-80-0"> | ||
+ | <div class="container"> | ||
+ | <div class="row justify-content-between"> | ||
+ | <!-- Single Footer Widget --> | ||
+ | <div class="col-12 col-sm-6 col-md-4"> | ||
+ | <div class="single-footer-widget mb-80"> | ||
+ | <!-- Footer Logo --> | ||
+ | <a href="#" class="footer-logo"><img src="img/core-img/logo.png" alt=""></a> | ||
− | <div class=" | + | <!-- Copywrite Text --> |
+ | <div class="copywrite-text"> | ||
+ | <p> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> | ||
+ | Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> | Modified by GSU iGEM | ||
+ | <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- Single Footer Widget --> | ||
+ | <div class="col-12 col-sm-6 col-md-4 col-xl-3"> | ||
+ | <div class="single-footer-widget"> | ||
+ | <div class="container"> | ||
+ | <img src="img/bg-img/Coral13 color.png" alt=""> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
− | <div class=" | + | <!-- Single Footer Widget --> |
− | < | + | <div class="col-12 col-md-4 col-xl-3"> |
+ | <div class="single-footer-widget mb-80"> | ||
− | < | + | <!-- Widget Title --> |
+ | <h4 class="widget-title">Contact Us</h4> | ||
− | <p> | + | <!-- Contact Address --> |
+ | <div class="contact-address"> | ||
+ | <p>Tel: (+1) 404 413 5344</p> | ||
+ | <p>E-mail: igemgsu@gmail.com</p> | ||
+ | <p>Address: iGEM 50 Decatur St SE, Atlanta GA 30303<p> | ||
+ | </div> | ||
+ | <!-- Social Info --> | ||
+ | <div class="social-info"> | ||
+ | <a href="https//www.facebook.com/GSUiGEM/" class="facebook"><i class="fa fa-facebook"></i></a> | ||
+ | <a href="https://twitter.com/GSUiGEM" class="twitter"><i class="fa fa-twitter"></i></a> | ||
+ | <a href="#" class="instagram"><i class="fa fa-instagram"></i></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | </div> |
+ | </div> | ||
+ | </footer> | ||
+ | <!-- Footer Area End --> | ||
− | </ | + | <!-- All JS Files --> |
+ | <!-- jQuery --> | ||
+ | <script src="js/jquery.min.js"></script> | ||
+ | <!-- Popper --> | ||
+ | <script src="js/popper.min.js"></script> | ||
+ | <!-- Bootstrap --> | ||
+ | <script src="js/bootstrap.min.js"></script> | ||
+ | <!-- All Plugins --> | ||
+ | <script src="js/akame.bundle.js"></script> | ||
+ | <!-- Active --> | ||
+ | <script src="js/default-assets/active.js"></script> | ||
+ | |||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 22:16, 4 October 2019
Our Experts
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis nostrud exercitation ullamco laboris nisi ut aliquip ex.
Alanna Waldman
Marine Biologist
Kim Stone
Curator
Dr. Jessica Joyner
Professor
Alanna Waldman
Coral Reef Restoration, Assessment & Monitoring Lab,
Nova Southeastern University
At Hairone Salon, we are lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Kim Stone
Curator of Fish and Invertebrates, Georgia Aquarium
At Hairone Salon, we are lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Dr. Jessica Joyner
Georgia State University
At Hairone Salon, we are lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.