Difference between revisions of "Team:LUBBOCK TTU/main"

(Blanked the page)
 
(466 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{LUBBOCK_TTU/MAIN/CSS}}
 
−
{{LUBBOCK_TTU/MAIN/JS}}
 
  
−
<html>
 
−
<html lang="en">
 
−
 
−
<!-- iGEM specific css -->
 
−
<style>
 
−
/* Clear the default wiki settings */
 
−
#home_logo, #sideMenu { display:none; }
 
−
#sideMenu, #top_title, .patrollink  {display:none;}
 
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
−
</style>
 
−
<!-- end of iGEM specific css -->
 
−
 
−
  <head>
 
−
   
 
−
    <!-- Meta Tag -->
 
−
    <meta charset="UTF-8">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
   
 
−
    <title>Lubbock_TTU</title>
 
−
   
 
−
    <!-- Favicon -->
 
−
    <link rel="shortcut icon" href="images/favicon/favicon.ico">
 
−
    <link rel="apple-touch-icon" sizes="144x144" type="image/x-icon" href="images/favicon/apple-touch-icon.png">
 
−
   
 
−
    <!-- Google Web Fonts  -->
 
−
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700">
 
−
   
 
−
   
 
−
    <!-- HTML5 shiv and Respond.js support IE8 or Older for HTML5 elements and media queries -->
 
−
    <!--[if lt IE 9]>
 
−
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 
−
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
−
    <![endif]-->
 
−
 
−
</head>
 
−
 
−
  <body>
 
−
 
 
−
    <!-- Menu Section Start -->
 
−
    <header id="home">
 
−
       
 
−
        <div class="header-top-area">
 
−
            <div class="container">
 
−
                <div class="row">
 
−
               
 
−
                    <div class="col-sm-3">-->
 
−
                        <!--<div class="logo">-->
 
−
                            <!--<a href="https://2017.igem.org/Team:LUBBOCK_TTU">LUUBBOCK_TTU</a>-->
 
−
                        <!--</div>-->
 
−
                    </div>
 
−
                   
 
−
                    <div class="col-sm-9">
 
−
                        <div class="navigation-menu">
 
−
                            <div class="navbar">
 
−
                                <div class="navbar-header">
 
−
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 
−
                                        <span class="sr-only">Toggle navigation</span>
 
−
                                        <span class="icon-bar"></span>
 
−
                                        <span class="icon-bar"></span>
 
−
                                        <span class="icon-bar"></span>
 
−
                                    </button>
 
−
                                </div>
 
−
                                <div class="navbar-collapse collapse">
 
−
                                    <ul class="nav navbar-nav navbar-right">
 
−
                                        <li class="active"><a class="smoth-scroll" href="https://2017.igem.org/Team:LUBBOCK_TTU">Home</a></li>
 
−
                                        <li><a class="smoth-scroll" href="">Team</a></li>
 
−
                                        <li><a class="smoth-scroll" href="">Project</a></li>
 
−
                                        <li><a class="smoth-scroll" href="">Parts</a></li>
 
−
                                        <li><a class="smoth-scroll" href="">Safety</a></li>
 
−
                                        <li><a class="smoth-scroll" href="">Human Practices</a></li>
 
−
                                        <li><a class="smoth-scroll" href="">Awards</a></li>
 
−
                                    </ul>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </header>
 
−
    <!-- Menu Section End --> 
 
−
   
 
−
   
 
−
    <!-- Home Section Start -->
 
−
    <section class="home-section">
 
−
        <div class="container">
 
−
            <div class="row">
 
−
               
 
−
                <div class="col-sm-offset-2 col-md-4 col-sm-6 margin-left-setting">
 
−
                    <div class="margin-top-150">
 
−
                       
 
−
                    <div class="table-responsive">
 
−
    <table class="table">
 
−
<tr>
 
−
    <td>Name</td>
 
−
<td>John Doe</td>
 
−
</tr>
 
−
                            <tr>
 
−
<td>Email</td>
 
−
<td>doe@domain.com</td>
 
−
</tr>
 
−
<tr>
 
−
<td>Designation</td>
 
−
<td>Web Designer</td>
 
−
</tr>
 
−
<tr>
 
−
<td>Experience</td>
 
−
<td>8 Years</td>
 
−
</tr>
 
−
<tr>
 
−
<td>Contact</td>
 
−
<td>1234567890</td>
 
−
</tr>
 
−
                            <tr>
 
−
<td>Resume</td>
 
−
<td style="background-color: #f7639a;"><a href="#" target="_blank" data-toggle="tooltip" data-placement="top" title="Check Out My Resume">Resume.pdf</a></td>
 
−
</tr>
 
−
</table>
 
−
  </div>
 
−
                    </div>
 
−
                  </div>
 
−
               
 
−
                <div class="col-md-5 col-sm-6">
 
−
                    <div class="me-image">
 
−
                      <img src="https://static.igem.org/mediawiki/2017/b/ba/Lubbock_TTU_profile.png" alt="">
 
−
                  </div>
 
−
                </div>
 
−
              </div>
 
−
            </div>
 
−
        </section>
 
−
        <!-- Home Section End -->
 
−
       
 
−
    <!-- About Start -->
 
−
    <section id="about" class="about section-space-padding">
 
−
      <div class="container">
 
−
          <div class="row">
 
−
                <div class="col-sm-12">
 
−
                    <div class="section-title">
 
−
                        <h2>About Me.</h2>
 
−
                        <div class="divider dark">
 
−
  <i class="icon-emotsmile"></i>
 
−
  </div>
 
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
           
 
−
           
 
−
            <div class="row">
 
−
             
 
−
              <div class="col-md-6">
 
−
              <div class="about-me-text margin-top-50">
 
−
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus feugiat facilisis dignissim. Etiam scelerisque ultricies euismod. Etiam pellentesque enim ac risus dapibus consequat. Nulla euismod lacinia felis, vel <a href="#" data-toggle="modal" data-target="#skillmodal" title="My Skills"><b>Check out my Skills</b></a> massa accumsan sit amet. Cras id fermentum neque. Curabitur et mollis neque. Fusce eu mattis arcu. Integer eget augue sit amet lorem convallis fermentum, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus feugiat facilisis dignissim. Etiam scelerisque ultricies euismod. Etiam pellentesque enim ac risus dapibus consequat.</p>
 
−
              </div>
 
−
              </div>
 
−
             
 
−
            <div class="col-md-6">
 
−
                <div class="about-me-text pattern-bg margin-top-50 margin-bottom-50">
 
−
                  <div class="text-center">
 
−
                    <a class="button button-style button-style-dark button-style-color-2" data-toggle="modal" data-target="#subscribemodal" href="#">Subscribe</a>
 
−
                  </div>
 
−
              </div>
 
−
             
 
−
            <div class="about-me-text">
 
−
             
 
−
              <ul class="social-icon">
 
−
                <li><a href="#" target="_blank" class="facebook"><i class="icon-social-facebook"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="twitter"><i class="icon-social-twitter"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="behance"><i class="icon-social-behance"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="dribbble"><i class="icon-social-dribbble"></i></a></li>
 
−
              </ul>
 
−
             
 
−
              </div>
 
−
              </div>
 
−
             
 
−
            </div>
 
−
          </div>
 
−
      </section>
 
−
     
 
−
      <!-- Skills Modal Start -->
 
−
      <div class="modal fade padding-top-70" id="skillmodal" role="dialog">
 
−
        <div class="modal-dialog">
 
−
   
 
−
     
 
−
      <div class="modal-content pattern-bg">
 
−
        <div class="modal-body">
 
−
          <div class="row">
 
−
                <div class="col-sm-12">
 
−
                    <div class="section-title margin-top-30">
 
−
                      <button type="button" class="btn pull-right" data-dismiss="modal"><i class="fa fa-close"></i></button>
 
−
                        <h2>My Skills.</h2>
 
−
                        <div class="divider dark">
 
−
  <i class="icon-energy"></i>
 
−
  </div>
 
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
           
 
−
          <div class="row">
 
−
          <div class="col-sm-offset-2 col-xs-offset-0 col-md-8 col-sm-8">
 
−
         
 
−
            <div class="my-skill margin-bottom-50">
 
−
                    <strong>Graphic Design</strong>
 
−
                      <span class="pull-right">80%</span>
 
−
                            <div class="progress">
 
−
                                <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
 
−
                                </div>
 
−
                              </div>
 
−
 
−
                    <strong>Website Design</strong>
 
−
                        <span class="pull-right">99%</span>
 
−
                            <div class="progress">
 
−
                                  <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100" style="width: 99%;">
 
−
                                </div>
 
−
                              </div>
 
−
 
−
                      <strong>HTML5/CSS3</strong>
 
−
                        <span class="pull-right">85%</span>
 
−
                            <div class="progress">
 
−
                                  <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;">
 
−
                              </div>
 
−
                          </div>
 
−
                         
 
−
                      <strong>Javascript</strong>
 
−
                        <span class="pull-right">90%</span>
 
−
                            <div class="progress">
 
−
                                  <div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;">
 
−
                              </div>
 
−
                          </div>
 
−
                        </div>
 
−
         
 
−
                  </div>
 
−
              </div>
 
−
            </div>
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
      <!-- Skills Modal End -->
 
−
     
 
−
     
 
−
     
 
−
      <!-- Subscribe Modal Start -->
 
−
      <div class="modal fade subscribe padding-top-120" id="subscribemodal" role="dialog">
 
−
        <div class="modal-dialog">
 
−
   
 
−
     
 
−
      <div class="modal-content">
 
−
        <div class="modal-body">
 
−
          <div class="row">
 
−
                <div class="col-sm-12">
 
−
                    <div class="section-title margin-top-30">
 
−
                      <button type="button" class="btn pull-right" data-dismiss="modal"><i class="fa fa-close"></i></button>
 
−
                        <h2>Subscribe.</h2>
 
−
                        <div class="divider dark">
 
−
  <i class="icon-envelope-letter"></i>
 
−
  </div>
 
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
           
 
−
          <div class="row">
 
−
          <div class="col-sm-offset-2 col-xs-offset-0 col-md-8 col-sm-8">
 
−
         
 
−
            <div class="margin-bottom-50">
 
−
                    <form id="mc-form" method="post" action="http://uipasta.us14.list-manage.com/subscribe/post?u=854825d502cdc101233c08a21&amp;id=86e84d44b7">
 
−
 
−
  <div class="subscribe-form">
 
−
<input id="mc-email" type="email" placeholder="Email Address" class="text-input">
 
−
  <button class="submit-btn" type="submit">Submit</button>
 
−
</div>
 
−
<label for="mc-email" class="mc-label"></label>
 
−
  </form>
 
−
                          </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
          </div>
 
−
      </div>
 
−
      <!-- Subscribe Modal End -->
 
−
      <!-- About End -->
 
−
       
 
−
    <!-- Services Start -->
 
−
    <section id="services" class="services-section section-space-padding">
 
−
        <div class="container">
 
−
          <div class="row">
 
−
                <div class="col-sm-12">
 
−
                    <div class="section-title">
 
−
                        <h2>My Services.</h2>
 
−
                          <div class="divider dark">
 
−
  <i class="icon-drop"></i>
 
−
</div>
 
−
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit</p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
           
 
−
            <div class="row margin-top-30">
 
−
           
 
−
            <div class="col-md-4 col-sm-6">
 
−
<div class="services-detail">
 
−
<i class="icon-screen-smartphone color-1"></i>
 
−
<h3>Mobile Design</h3>
 
−
<hr>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6">
 
−
<div class="services-detail">
 
−
<i class="icon-screen-tablet color-2"></i>
 
−
<h3>Tablet Design</h3>
 
−
<hr>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6">
 
−
<div class="services-detail">
 
−
<i class="fa fa-code color-3"></i>
 
−
<h3>Clean Code</h3>
 
−
<hr>
 
−
</div>
 
−
</div>
 
−
           
 
−
            <div class="col-md-4 col-sm-6">
 
−
<div class="services-detail">
 
−
<i class="icon-support color-4"></i>
 
−
<h3>Full Support</h3>
 
−
<hr>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6">
 
−
<div class="services-detail">
 
−
<i class="fa fa-html5 color-5"></i>
 
−
<h3>HTML5 Design</h3>
 
−
<hr>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="col-md-4 col-sm-6">
 
−
<div class="services-detail">
 
−
<i class="icon-bulb color-6"></i>
 
−
<h3>CSS3 Design</h3>
 
−
<hr>
 
−
</div>
 
−
</div>
 
−
           
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
−
    <!-- Services End -->
 
−
           
 
−
    <!-- Footer Start -->
 
−
    <footer class="footer-section">
 
−
        <div class="container">
 
−
            <div class="row">
 
−
             
 
−
            <div class="col-md-12">
 
−
              <ul class="social-icon margin-bottom-30">
 
−
                <li><a href="#" target="_blank" class="facebook"><i class="icon-social-facebook"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="twitter"><i class="icon-social-twitter"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="google-plus"><i class="icon-social-google"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="instagram"><i class="icon-social-instagram"></i></a></li>
 
−
                <li><a href="#" target="_blank" class="dribbble"><i class="icon-social-dribbble"></i></a></li>
 
−
              </ul>
 
−
          </div>
 
−
             
 
−
            <div class="col-md-12 uipasta-credit">
 
−
                <p>Design By <a href="http://www.uipasta.com" target="_blank" title="UiPasta">UiPasta</a></p>
 
−
                </div>
 
−
               
 
−
            </div>
 
−
        </div>
 
−
    </footer>
 
−
    <!-- Footer End -->
 
−
   
 
−
    <!-- Back to Top Start -->
 
−
    <a href="#" class="scroll-to-top"><i class="icon-arrow-up-circle"></i></a>
 
−
    <!-- Back to Top End -->
 
−
     
 
−
  </body>
 
−
</html>
 

Latest revision as of 16:16, 23 July 2017