|
|
Line 40: |
Line 40: |
| | | |
| </style> | | </style> |
− | </head>
| + | </head> |
− | <body id="top">
| + | |
− |
| + | |
| | | |
− | <header id="navigation" class="navbar-fixed-top animated-header">
| + | <body style="background-color: #f0eceb"> |
− | <div class="container">
| + | <div class="container"> |
− | <div class="navbar-header">
| + | <a href=/Team:Edinburgh_UG>Home</a> |
− | <!-- responsive nav button -->
| + | <div class="dropdown"> |
− | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
| + | <button class="dropbtn">Team</button> |
− | <span class="sr-only">Toggle navigation</span>
| + | <div class="dropdown-content"> |
− | <span class="icon-bar"></span>
| + | <a href=/Team:Edinburgh_UG/Team>Team</a> |
− | <span class="icon-bar"></span>
| + | <a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a> |
− | <span class="icon-bar"></span>
| + | |
− | </button>
| + | |
− | <!-- /responsive nav button -->
| + | |
− |
| + | |
− | <!-- logo -->
| + | |
− | <h1 class="navbar-brand">
| + | |
− | <a href="#body"><img src="img/logo.png" height="40" width="164" alt=""></a>
| + | |
− | </h1>
| + | |
− | <!-- /logo -->
| + | |
− | </div>
| + | |
− | | + | |
− | <!-- main nav -->
| + | |
− | <nav class="navbar navbar-inverse fixed-top">
| + | |
− | <div class="container-fluid">
| + | |
− | <ul class="nav navbar-nav">
| + | |
− | <li><a href=/Team:Edinburgh_UG>Home</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href=/Team:Edinburgh_UG/Team>Team</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Projects<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href=/Team:Edinburgh_UG/Description>Description</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Design>Design</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Experiments>Experiments</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Notebook>Notebook</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/InterLab>InterLab</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Contribution>Contribution</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Model>Model</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Results>Results</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Improve>Improve</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Attributions>Attributions</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href=/Team:Edinburgh_UG/Parts>Parts</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Basic_Parts>Basic Parts</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/Safety>Safety</a></li>
| + | |
− | <li class="dropdown">
| + | |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human Practices<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="dropdown">
| + | |
− | <a class="dropdown-toggle" data-toggle="dropdown" href="#">Awards<span class="caret"></span></a>
| + | |
− | <ul class="dropdown-menu">
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Applied_Design>Applied Design</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Entrepreneurship>Entrepreneurship</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Hardware>Hardware</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Model>Model</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Plant>Plant</a></li>
| + | |
− | <li><a href=/Team:Edinburgh_UG/HP/Software>Software</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
| </div> | | </div> |
− | </nav>
| + | </div> |
− | <!-- /main nav -->
| + | <div class="dropdown"> |
− |
| + | <button class="dropbtn">Projects</button> |
− | </div>
| + | <div class="dropdown-content"> |
− | </header>
| + | <a href=/Team:Edinburgh_UG/Description>Description</a> |
− | | + | <a href=/Team:Edinburgh_UG/Design>Design</a> |
− | | + | <a href=/Team:Edinburgh_UG/Experiments>Experiments</a> |
− | <div class="wrapper">
| + | <a href=/Team:Edinburgh_UG/Notebook>Notebook</a> |
− | <section id="banner">
| + | <a href=/Team:Edinburgh_UG/InterLab>InterLab</a> |
− | <div class="container">
| + | <a href=/Team:Edinburgh_UG/Contribution>Contribution</a> |
− | <div class="row">
| + | <a href=/Team:Edinburgh_UG/Model>Model</a> |
− | <div class="col-md-12">
| + | <a href=/Team:Edinburgh_UG/Results>Results</a> |
− | <div class="block">
| + | <a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a> |
− | <h1>Clean and Flexible Business Template</h1>
| + | <a href=/Team:Edinburgh_UG/Improve>Improve</a> |
− | <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod <br> tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</h2>
| + | <a href=/Team:Edinburgh_UG/Attributions>Attributions</a> |
− | <div class="buttons">
| + | </div> |
− | <a href="#" class="btn btn-learn">Purchase Now</a>
| + | </div> |
− | <a href="#" class="btn btn-learn">View Featurese</a>
| + | <div class="dropdown"> |
− | </div>
| + | <button class="dropbtn">Parts</button> |
− | </div>
| + | <div class="dropdown-content"> |
− | </div>
| + | <a href=/Team:Edinburgh_UG/Parts>Parts</a> |
− | </div>
| + | <a href=/Team:Edinburgh_UG/Basic_Part>Basic Parts</a> |
− | </div>
| + | <a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a> |
− | <div class="scrolldown">
| + | <a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a> |
− | <a id="scroll" href="#features" class="scroll"></a>
| + | </div> |
− | </div>
| + | </div> |
− | </section>
| + | <a href=/Team:Edinburgh_UG/Safety>Safety</a> |
− | <section id="features">
| + | <div class="dropdown"> |
− | <div class="container">
| + | <button class="dropbtn">Human Practices</button> |
− | <div class="row">
| + | <div class="dropdown-content"> |
− | <div class="col-md-12">
| + | <a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a> |
− | <div class="title">
| + | <a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a> |
− | <h2>OUR BEST SERVICES</h2>
| + | <a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a> |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | <div class="dropdown"> |
− | </div>
| + | <button class="dropbtn">Awards</button> |
− | <div class="row">
| + | <div class="dropdown-content"> |
− | <div class="col-md-4 col-xs-6 col-sm-6">
| + | <a href=/Team:Edinburgh_UG/Applied_Design>Applied Design</a> |
− | <div class="feature-block text-center">
| + | <a href=/Team:Edinburgh_UG/Entrepreneurship>Entrepreneurship</a> |
− | <div class="icon-box">
| + | <a href=/Team:Edinburgh_UG/Hardware>Hardware</a> |
− | <i class="ion-easel"></i>
| + | <a href=/Team:Edinburgh_UG/Measurement>Measurement</a> |
− | </div>
| + | <a href=/Team:Edinburgh_UG/Model>Model</a> |
− | <h4 class="wow fadeInUp" data-wow-delay=".3s">Responsive Design</h4>
| + | <a href=/Team:Edinburgh_UG/Plant>Plant</a> |
− | <p class="wow fadeInUp" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisic-<br>ing elit, sed do eiusmod tempor incididunt ut <br> labore et dolore magna aliqua. Ut enim ad minim</p>
| + | <a href=/Team:Edinburgh_UG/Software>Software</a> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | <div class="col-md-4 col-xs-6 col-sm-6">
| + | </div> |
− | <div class="feature-block text-center">
| + | |
− | <div class="icon-box">
| + | |
− | <i class="ion-paintbucket"></i>
| + | |
− | </div>
| + | |
− | <h4 class="wow fadeInUp" data-wow-delay=".3s">Outstanding Animation</h4>
| + | |
− | <p class="wow fadeInUp" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisic-<br>ing elit, sed do eiusmod tempor incididunt ut <br> labore et dolore magna aliqua. Ut enim ad minim</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col-xs-6 col-sm-6">
| + | |
− | <div class="feature-block text-center">
| + | |
− | <div class="icon-box">
| + | |
− | <i class="ion-paintbrush"></i>
| + | |
− | </div>
| + | |
− | <h4 class="wow fadeInUp" data-wow-delay=".3s">Unlimited Colors</h4>
| + | |
− | <p class="wow fadeInUp" data-wow-delay=".5s">Lorem ipsum dolor sit amet, consectetur adipisic-<br>ing elit, sed do eiusmod tempor incididunt ut <br> labore et dolore magna aliqua. Ut enim ad minim</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="counter">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="title">
| + | |
− | <h2>FUN FACTS</h2>
| + | |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | |
− | </div>
| + | |
− | <div class="col-md-3 col-sm-6 col-xs-6">
| + | |
− | <div class="block wow fadeInRight" data-wow-delay=".3s">
| + | |
− | <i class="ion-code"></i>
| + | |
− | <p class="count-text">
| + | |
− | <span class="counter-digit">136800 </span> k
| + | |
− | </p>
| + | |
− | <p>Lines Coded</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3 col-sm-6 col-xs-6">
| + | |
− | <div class="block wow fadeInRight" data-wow-delay=".5s">
| + | |
− | <i class="ion-compass"></i>
| + | |
− | <p class="count-text">
| + | |
− | <span class="counter-digit">7800 </span> +
| + | |
− | </p>
| + | |
− | <p>Lines Coded</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3 col-sm-6 col-xs-6">
| + | |
− | <div class="block wow fadeInRight" data-wow-delay=".7s">
| + | |
− | <i class="ion-compose"></i>
| + | |
− | <p class="count-text">
| + | |
− | <span class="counter-digit">399</span>
| + | |
− | </p>
| + | |
− | <p>Lines Coded</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-3 col-sm-6 col-xs-6">
| + | |
− | <div class="block wow fadeInRight" data-wow-delay=".9s">
| + | |
− | <i class="ion-image"></i>
| + | |
− | <p class="count-text">
| + | |
− | <span class="counter-digit">9995</span>
| + | |
− | </p>
| + | |
− | <p>Lines Coded</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="portfolio">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12">
| + | |
− | <div class="title">
| + | |
− | <h2>LATEST WORKS</h2>
| + | |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | |
− | </div>
| + | |
− | <div class="block">
| + | |
− | <div class="recent-work-mixMenu">
| + | |
− | <ul>
| + | |
− | <li><button class="filter" data-filter="all">All</button></li>
| + | |
− | <li><button class="filter" data-filter=".category-2">Printing</button></li>
| + | |
− | <li><button class="filter" data-filter=".category-1">Web</button></li>
| + | |
− | <li><button class="filter" data-filter=".category-2">Illustration</button></li>
| + | |
− | <li><button class="filter" data-filter=".category-1">Media</button></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | <div class="recent-work-pic">
| + | |
− | <ul id="mixed-items">
| + | |
− | <li class="mix category-1 col-md-4 col-xs-6" data-my-order="1">
| + | |
− | <a class="example-image-link" href="img/work1.jpg" data-lightbox="example-set">
| + | |
− | <img class="img-responsive" src="img/work1.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <h3>Web design</h3>
| + | |
− | <i class="ion-ios-plus-empty"></i>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="mix category-2 col-md-4 col-xs-6" data-my-order="2">
| + | |
− | <a class="example-image-link" href="img/work2.jpg" data-lightbox="example-set">
| + | |
− | <img class="img-responsive" src="img/work2.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <h3>Web design</h3>
| + | |
− | <i class="ion-ios-plus-empty"></i>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="mix category-1 col-md-4 col-xs-6" data-my-order="3">
| + | |
− | <a class="example-image-link" href="img/work3.jpg" data-lightbox="example-set">
| + | |
− | <img class="img-responsive" src="img/work3.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <h3>Web design</h3>
| + | |
− | <i class="ion-ios-plus-empty"></i>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="mix category-2 col-md-4 col-xs-6" data-my-order="4">
| + | |
− | <a class="example-image-link" href="img/work4.jpg" data-lightbox="example-set">
| + | |
− | <img class="img-responsive" src="img/work4.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <h3>Web design</h3>
| + | |
− | <i class="ion-ios-plus-empty"></i>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="mix category-1 col-md-4 col-xs-6" data-my-order="5">
| + | |
− | <a class="example-image-link" href="img/work5.jpg" data-lightbox="example-set">
| + | |
− | <img class="img-responsive" src="img/work5.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <h3>Web design</h3>
| + | |
− | <i class="ion-ios-plus-empty"></i>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | <li class="mix category-2 col-md-4 col-xs-6" data-my-order="6">
| + | |
− | <a class="example-image-link" href="img/work6.jpg" data-lightbox="example-set">
| + | |
− | <img class="img-responsive" src="img/work6.jpg" alt="">
| + | |
− | <div class="overlay">
| + | |
− | <h3>Web design</h3>
| + | |
− | <i class="ion-ios-plus-empty"></i>
| + | |
− | </div>
| + | |
− | </a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="play-video">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12">
| + | |
− | <div class="block">
| + | |
− | <h2 class="wow fadeInUp" data-wow-delay=".3s">GET THE TEMPLATE</h2>
| + | |
− | <p class="wow fadeInUp" data-wow-delay=".5s">Dantes remained confused and silent by this explanation of the </p>
| + | |
− | <a href="https://vimeo.com/channels/staffpicks/145743834" class="html5lightbox" data-width=800 data-height=400>
| + | |
− | <div class="button ion-ios-play-outline wow zoomIn" data-wow-delay=".3s"></div>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="team">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="title">
| + | |
− | <h2>CREATIVE TEAM</h2>
| + | |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col-sm-4 col-xs-6">
| + | |
− | <div class="block wow fadeInLeft" data-wow-delay=".3s">
| + | |
− | <img src="img/team-img1.jpg" alt="">
| + | |
− | <div class="team-overlay">
| + | |
− | <h3>ROBERT SMITH <span>Product Designer</span></h3>
| + | |
− | <span class="icon"><i class="ion-quote"></i></span>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col-sm-4 col-xs-6">
| + | |
− | <div class="block wow fadeInLeft" data-wow-delay=".6s">
| + | |
− | <img src="img/team-img2.jpg" alt="">
| + | |
− | <div class="team-overlay">
| + | |
− | <h3>ROBERT SMITH <span>Product Designer</span></h3>
| + | |
− | <span class="icon"><i class="ion-quote"></i></span>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col-sm-4 col-xs-6">
| + | |
− | <div class="block wow fadeInLeft" data-wow-delay=".9s">
| + | |
− | <img src="img/team-img3.jpg" alt="">
| + | |
− | <div class="team-overlay">
| + | |
− | <h3>ROBERT SMITH <span>Product Designer</span></h3>
| + | |
− | <span class="icon"><i class="ion-quote"></i></span>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="pricing-table">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="title">
| + | |
− | <h2>PRICING TABLE</h2>
| + | |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col">
| + | |
− | <div class="block text-center wow fadeInLeft" data-wow-delay=".3s">
| + | |
− | <ul>
| + | |
− | <li>
| + | |
− | <h4>STARTER PACK</h4>
| + | |
− | <p>$ 40 <span>/Month</span></p>
| + | |
− | </li>
| + | |
− | <li><p>Unlimited Downloads</p></li>
| + | |
− | <li><p>Unlimited Uploads</p></li>
| + | |
− | <li><p>Unlimited Email Accounts</p></li>
| + | |
− | <li><p> Email Forwards </p></li>
| + | |
− | <li><p>Cloud Storage</p></li>
| + | |
− | <li><p>Screen Share</p></li>
| + | |
− | <li>
| + | |
− | <a href="#" class="btn btn-buy">BUY NOW</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col">
| + | |
− | <div class="block text-center wow zoomIn" data-wow-delay=".3s">
| + | |
− | <ul>
| + | |
− | <li>
| + | |
− | <h4>STARTER PACK</h4>
| + | |
− | <p>$ 40 <span>/Month</span></p>
| + | |
− | </li>
| + | |
− | <li><p>Unlimited Downloads</p></li>
| + | |
− | <li><p>Unlimited Uploads</p></li>
| + | |
− | <li><p>Unlimited Email Accounts</p></li>
| + | |
− | <li><p> Email Forwards </p></li>
| + | |
− | <li><p>Cloud Storage</p></li>
| + | |
− | <li><p>Screen Share</p></li>
| + | |
− | <li>
| + | |
− | <a href="#" class="btn btn-buy">BUY NOW</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col-md-4 col">
| + | |
− | <div class="block text-center wow fadeInRight" data-wow-delay=".3s">
| + | |
− | <ul>
| + | |
− | <li>
| + | |
− | <h4>STARTER PACK</h4>
| + | |
− | <p>$ 40 <span>/Month</span></p>
| + | |
− | </li>
| + | |
− | <li><p>Unlimited Downloads</p></li>
| + | |
− | <li><p>Unlimited Uploads</p></li>
| + | |
− | <li><p>Unlimited Email Accounts</p></li>
| + | |
− | <li><p> Email Forwards </p></li>
| + | |
− | <li><p>Cloud Storage</p></li>
| + | |
− | <li><p>Screen Share</p></li>
| + | |
− | <li>
| + | |
− | <a href="#" class="btn btn-buy">BUY NOW</a>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
| | | |
− | <section id="blog">
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <div class="title">
| |
− | <h2>Blog</h2>
| |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| |
− | </div>
| |
− | <div id="blog-post" class="owl-carousel">
| |
− | <div>
| |
− | <div class="block">
| |
− | <img src="img/blog/blog-1.jpg" alt="" class="img-responsive">
| |
− | <div class="content">
| |
− | <h4><a href="blog.html">Hey,This is a blog title</a></h4>
| |
− | <small>By admin / Sept 18, 2014</small>
| |
− | <p>
| |
− | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
| |
− | </p>
| |
− | <a href="blog.html" class="btn btn-read">Read More</a>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div>
| |
− | <div class="block">
| |
− | <img src="img/blog/blog-2.jpg" alt="" class="img-responsive">
| |
− | <div class="content">
| |
− | <h4><a href="blog.html">Hey,This is a blog title</a></h4>
| |
− | <small>By admin / Sept 18, 2014</small>
| |
− | <p>
| |
− | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
| |
− | </p>
| |
− | <a href="blog.html" class="btn btn-read">Read More</a>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div>
| |
− | <div class="block">
| |
− | <img src="img/blog/blog-3.jpg" alt="" class="img-responsive">
| |
− | <div class="content">
| |
− | <h4><a href="blog.html">Hey,This is a blog title</a></h4>
| |
− | <small>By admin / Sept 18, 2014</small>
| |
− | <p>
| |
− | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
| |
− | </p>
| |
− | <a href="blog.html" class="btn btn-read">Read More</a>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div>
| |
− | <div class="block">
| |
− | <img src="img/blog/blog-4.jpg" alt="" class="img-responsive">
| |
− | <div class="content">
| |
− | <h4><a href="blog.html">Hey,This is a blog title</a></h4>
| |
− | <small>By admin / Sept 18, 2014</small>
| |
− | <p>
| |
− | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
| |
− | </p>
| |
− | <a href="blog.html" class="btn btn-read">Read More</a>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | <div>
| |
− | <div class="block">
| |
− | <img src="img/blog/blog-1.jpg" alt="" class="img-responsive">
| |
− | <div class="content">
| |
− | <h4><a href="blog.html">Hey,This is a blog title</a></h4>
| |
− | <small>By admin / Sept 18, 2014</small>
| |
− | <p>
| |
− | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus ex itaque repudiandae nihil qui debitis atque necessitatibus aliquam, consequuntur autem!
| |
− | </p>
| |
− | <a href="blog.html" class="btn btn-read">Read More</a>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
| | | |
| | | |
| + | <div class="column full_size" style="background-color: #f0eceb" > |
| | | |
| + | <img style="max-width: 100%" src="https://static.igem.org/mediawiki/2017/c/c3/T--Edinburgh_UG--logo.png" width="100%"> |
| | | |
− | <section id="testimonial">
| + | <p class="topic" style="text-align:center;font-size:350%;font-family:serif">Inspiration</p> |
− | <div class="container">
| + | <p class="general" style="text-align:center;font-size:170%;font-family:serif;">Many commercially important chemicals are manufactured with the help of microbes. These microbes are often genetically modified so that they are equipped with the necessary enzymes to produce those chemicals. However, there are millions of species in nature, each carrying their own version of enzymes. Which one should we choose to put into the microbes? |
− | <div class="row">
| + | To answer this questions, researchers normally test these enzymes – or combinations of enzymes – one by one to see if they work well in the microbe. As you may imagine, this is very labour-intensive and time-consuming, even with the help of automated systems. Therefore, we, the Homologics team, are developing a highly-adaptable method to speed up this process.</p> |
− | <div class="title">
| + | </div> |
− | <h2>TESTIMONIAL</h2>
| + | </body> |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | |
− | </div>
| + | |
− | <div class="col col-md-6">
| + | |
− | <div class="media wow fadeInLeft" data-wow-delay=".3s">
| + | |
− | <div class="media-left">
| + | |
− | <a href="#">
| + | |
− | <img src="img/service-img.png" alt="">
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="media-body">
| + | |
− | <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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 commo</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col col-md-6">
| + | |
− | <div class="media wow fadeInRight" data-wow-delay=".3s">
| + | |
− | <div class="media-left">
| + | |
− | <a href="#">
| + | |
− | <img src="img/service-img.png" alt="">
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="media-body">
| + | |
− | <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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 commo</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col col-md-6">
| + | |
− | <div class="media wow fadeInLeft" data-wow-delay=".3s">
| + | |
− | <div class="media-left">
| + | |
− | <a href="#">
| + | |
− | <img src="img/service-img.png" alt="">
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="media-body">
| + | |
− | <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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 commo</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="col col-md-6">
| + | |
− | <div class="media wow fadeInRight" data-wow-delay=".3s">
| + | |
− | <div class="media-left">
| + | |
− | <a href="#">
| + | |
− | <img src="img/service-img.png" alt="">
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | <div class="media-body">
| + | |
− | <a href="#"><h4 class="media-heading">Jonathon Andrew</h4></a>
| + | |
− | <p>Lorem ipsum dolor sit amet, consectetur adipisicing 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 commo</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="client-logo">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="col-md-12">
| + | |
− | <div class="block">
| + | |
− | <div id="Client_Logo" class="owl-carousel">
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo1.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo2.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo3.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo4.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo5.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo6.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo1.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo2.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo3.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo4.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo5.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | <div>
| + | |
− | <a href="#"><img class="img-responsive" src="img/clientLogo/client-logo6.jpg" alt=""></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </section>
| + | |
− | <section id="contact-form">
| + | |
− | <div class="container">
| + | |
− | <div class="row">
| + | |
− | <div class="title">
| + | |
− | <h2>CONTACT US</h2>
| + | |
− | <p>Dantes remained confused and silent by this explanation of the <br> thoughts which had unconsciously</p>
| + | |
− | </div>
| + | |
− | <div class="col-md-6 col">
| + | |
| | | |
− | </div>
| |
− | <div class="col-md-6">
| |
− | <form>
| |
− | <input type="text" class="form-control" placeholder="Name">
| |
− | <input type="text" class="form-control" placeholder="Email">
| |
− | <textarea class="form-control" rows="3" placeholder="Message"></textarea>
| |
− | <button class="btn btn-default" type="submit">SEND</button>
| |
− | </form>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
− | <footer>
| |
− | <div class="container">
| |
− | <div class="row">
| |
− | <div class="col-md-12">
| |
− | <div class="block">
| |
− | <a href="#"><img src="img/logo.png" alt=""></a>
| |
− | <p>All rights reserved © 2015</p>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </div>
| |
− | </footer>
| |
− | </div>
| |
− | </body>
| |
| </html> | | </html> |