|
|
| (211 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{UAlberta/JavaScript}} | + | {{UAlberta/CSS}} |
| − | | + | {{UAlberta/Navbar}} |
| − | <html lang="en"> | + | <html> |
| | <head> | | <head> |
| − | <!-- Basic Page Needs
| |
| − | ================================================== -->
| |
| | <meta charset="utf-8"> | | <meta charset="utf-8"> |
| − | <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
| |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | <title>Spirit8 - Digital Agency One Page Template</title>
| |
| − | <meta name="description" content="Spirit8 is a Digital agency one page template built based on bootstrap framework. This template is design by Robert Berki and coded by Jenn Pereira. It is simple, mobile responsive, perfect for portfolio and agency websites. Get this for free exclusively at ThemeForces.com">
| |
| − | <meta name="keywords" content="bootstrap theme, portfolio template, digital agency, onepage, mobile responsive, spirit8, free website, free theme, themeforces themes, themeforces wordpress themes, themeforces bootstrap theme">
| |
| − | <meta name="author" content="ThemeForces.com">
| |
| − |
| |
| − | <!-- Favicons
| |
| − | ================================================== --><!--
| |
| − | <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
| |
| − | <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
| |
| − | <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
| |
| − | <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png"> -->
| |
| − |
| |
| − | <!-- Bootstrap --><!--
| |
| − | <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
| |
| − | <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css"> -->
| |
| − |
| |
| − | <!-- Slider
| |
| − | ================================================== --><!--
| |
| − | <link href="css/owl.carousel.css" rel="stylesheet" media="screen">
| |
| − | <link href="css/owl.theme.css" rel="stylesheet" media="screen"> -->
| |
| − |
| |
| − | <!-- Stylesheet
| |
| − | ================================================== --><!--
| |
| − | <link rel="stylesheet" type="text/css" href="css/style.css">
| |
| − | <link rel="stylesheet" type="text/css" href="css/responsive.css"> -->
| |
| − |
| |
| − | <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
| |
| − | <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400' rel='stylesheet' type='text/css'>
| |
| − |
| |
| − | <!--
| |
| − |
| |
| − | <script type="text/javascript" src="js/modernizr.custom.js"></script>
| |
| − |
| |
| − | -->
| |
| − |
| |
| − | <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
| |
| − | <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
| |
| − | <!--[if lt IE 9]>
| |
| − | <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
| |
| − | <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
| |
| − | <![endif]-->
| |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <!-- Navigation | + | <div id="ua-description" class="background"> |
| − | ==========================================-->
| + | <div class="overlay"> |
| − | <nav id="tf-menu" class="navbar navbar-default navbar-fixed-top"> | + | </div> |
| | + | </div> |
| | + | <div id="ua-research-content"> |
| | <div class="container"> | | <div class="container"> |
| − | <!-- Brand and toggle get grouped for better mobile display -->
| + | <div class="row"> |
| − | <div class="navbar-header"> | + | <p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2017/5/54/T--UAlberta--Overview.png" width="70%"></p> |
| − | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
| + | <h2>What is RISE?</h2> |
| − | <span class="sr-only">Toggle navigation</span>
| + | <p>The Recombinant Protein Interaction Screening and Enrichment (RISE) system is a tool designed to provide an easily measurable and quantifiable protein screening process. Based upon a modified BACTH system and directed evolution, the RISE system utilizes buoyancy as a readily observable readout of the relative strength of protein-protein interactions that also facilitates separation of desirable variants from undesirable ones.</p> |
| − | <span class="icon-bar"></span>
| + | <h3>Why did we develop RISE?</h3> |
| − | <span class="icon-bar"></span>
| + | <p>Existing screening methods, such as phage display and the yeast 2-hybrid system, have several drawbacks. They can be costly both in terms of time and money, and don’t have readily observable read outs. We wanted to improve on these techniques to provide a screening method that is easily observable and efficient. An added advantage of the RISE system is that it can be easily automated so that a machine would select for the most buoyant bacteria from the top of each culture and perform the enrichment process independently.</p> |
| − | <span class="icon-bar"></span>
| + | <h3>How does it work? </h3> |
| − | </button> | + | <p>The RISE system uses buoyancy as an indicator of protein-protein interaction strength. This buoyancy phenotype allows for a simple enrichment system, where the most buoyant bacteria, that is those expressing the strongest protein-protein interactions, can be easily selected at each round of enrichment since they will be at the uppermost part of the culture. The enrichment process – that is, the repeated re-culturing of the top layer of the culture – is meant to weed out false positives. This process ultimately results in selection for the strongest interactions over multiple generations of cell culture growth</p> |
| − | <a class="navbar-brand" href="index.html">Spirit8</a> | + | <h3>Protein interactions → buoyancy?</h3> |
| − | </div>
| + | <p>To provide a reliable read out of protein-protein interaction strength, we have employed the use of a modified BACTH system. In the BACTH system the two subunits of adenylate cyclase, T25 and T18, are fused to two proteins of interest. When the proteins interact, T18 and T25 are brought together, re-establishing adenylate cyclase activity and therefore resuming cAMP production. The newly synthesized cAMP will then bind to the catabolite activator protein (CAP), which in turn upregulates the transcription of downstream genes.</p> |
| − | | + | <h3>Engineering BACTH</h3> |
| − | <!-- Collect the nav links, forms, and other content for toggling -->
| + | <p>The commercially available BACTH kit consists of the T25 and T18 subunits on two separate plasmids. This posed an issue for our project, as increased plasmid number has an inverse relationship with transformation efficiency. In order to increase our cloning success, we have engineered a simplified BACTH system in which both subunits are contained in a single plasmid.</p> |
| − | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
| + | <h3>Gvp 3.0</h3> |
| − | <ul class="nav navbar-nav navbar-right"> | + | <p>Gvp 3.0 is a gene cluster encoding repeats of gas vesicle proteins gvp A and gvp C. When transcribed, gvp A and gvp C combineto form gas vesicles, conferring buoyancy to the bacterial cell.</p> |
| − | <li><a href="#tf-home" class="page-scroll">Home</a></li>
| + | <h3>How can RISE be used?</h3> |
| − | <li><a href="#tf-about" class="page-scroll">About</a></li>
| + | <p>The RISE system has a diverse range of applications:</p> |
| − | <li><a href="#tf-team" class="page-scroll">Team</a></li>
| + | <ul> |
| − | <li><a href="#tf-services" class="page-scroll">Services</a></li>
| + | <li>Protein-based drug development</li> |
| − | <li><a href="#tf-works" class="page-scroll">Portfolio</a></li> | + | <li>Imaging (developing peptides that bind to proteins in body- attach radioisotope domain as marker)</li> |
| − | <li><a href="#tf-testimonials" class="page-scroll">Testimonials</a></li> | + | <li>Foundational research</li> |
| − | <li><a href="#tf-contact" class="page-scroll">Contact</a></li> | + | |
| | </ul> | | </ul> |
| − | </div><!-- /.navbar-collapse -->
| |
| − | </div><!-- /.container-fluid -->
| |
| − | </nav>
| |
| − |
| |
| − | <!-- Home Page
| |
| − | ==========================================-->
| |
| − | <div id="tf-home" class="text-center">
| |
| − | <div class="overlay">
| |
| − | <div class="content">
| |
| − | <h1>Welcome on <strong><span class="color">Spirit8</span></strong></h1>
| |
| − | <p class="lead">We are a digital agency with <strong>years of experience</strong> and with <strong>extraordinary people</strong></p>
| |
| − | <a href="#tf-about" class="fa fa-angle-down page-scroll"></a>
| |
| − | </div>
| |
| | </div> | | </div> |
| | + | </div> |
| | </div> | | </div> |
| − |
| |
| − | <!-- About Us Page
| |
| − | ==========================================-->
| |
| − | <div id="tf-about">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-md-6">
| |
| − | <img src="img/02.png" class="img-responsive">
| |
| − | </div>
| |
| − | <div class="col-md-6">
| |
| − | <div class="about-text">
| |
| − | <div class="section-title">
| |
| − | <h4>About us</h4>
| |
| − | <h2>Some words <strong>about us</strong></h2>
| |
| − | <hr>
| |
| − | <div class="clearfix"></div>
| |
| − | </div>
| |
| − | <p class="intro">We love building and rebuilding brands through our specific skills. Using colour, fonts, and illustration, we brand companies in a way they will never forget.</p>
| |
| − | <ul class="about-list">
| |
| − | <li>
| |
| − | <span class="fa fa-dot-circle-o"></span>
| |
| − | <strong>Mission</strong> - <em>We deliver uniqueness and quality</em>
| |
| − | </li>
| |
| − | <li>
| |
| − | <span class="fa fa-dot-circle-o"></span>
| |
| − | <strong>Skills</strong> - <em>Delivering fast and excellent results</em>
| |
| − | </li>
| |
| − | <li>
| |
| − | <span class="fa fa-dot-circle-o"></span>
| |
| − | <strong>Clients</strong> - <em>Satisfied clients thanks to our experience</em>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Team Page
| |
| − | ==========================================-->
| |
| − | <div id="tf-team" class="text-center">
| |
| − | <div class="overlay">
| |
| − | <div class="container">
| |
| − | <div class="section-title center">
| |
| − | <h2>Meet <strong>our team</strong></h2>
| |
| − | <div class="line">
| |
| − | <hr>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div id="team" class="owl-carousel owl-theme row">
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/01.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/02.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/03.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/04.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/04.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/01.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/02.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div class="thumbnail">
| |
| − | <img src="img/team/03.jpg" alt="..." class="img-circle team-img">
| |
| − | <div class="caption">
| |
| − | <h3>Jenn Gwapa</h3>
| |
| − | <p>CEO / Founder</p>
| |
| − | <p>Do not seek to change what has come before. Seek to create that which has not.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Services Section
| |
| − | ==========================================-->
| |
| − | <div id="tf-services" class="text-center">
| |
| − | <div class="container">
| |
| − | <div class="section-title center">
| |
| − | <h2>Take a look at <strong>our services</strong></h2>
| |
| − | <div class="line">
| |
| − | <hr>
| |
| − | </div>
| |
| − | <div class="clearfix"></div>
| |
| − | <small><em>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</em></small>
| |
| − | </div>
| |
| − | <div class="space"></div>
| |
| − | <div class="row">
| |
| − | <div class="col-md-3 col-sm-6 service">
| |
| − | <i class="fa fa-desktop"></i>
| |
| − | <h4><strong>Web design</strong></h4>
| |
| − | <p>The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-md-3 col-sm-6 service">
| |
| − | <i class="fa fa-mobile"></i>
| |
| − | <h4><strong>Mobile Apps</strong></h4>
| |
| − | <p>The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-md-3 col-sm-6 service">
| |
| − | <i class="fa fa-camera"></i>
| |
| − | <h4><strong>Photography</strong></h4>
| |
| − | <p>The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-md-3 col-sm-6 service">
| |
| − | <i class="fa fa-bullhorn"></i>
| |
| − | <h4><strong>Marketing</strong></h4>
| |
| − | <p>The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Clients Section
| |
| − | ==========================================-->
| |
| − | <div id="tf-clients" class="text-center">
| |
| − | <div class="overlay">
| |
| − | <div class="container">
| |
| − |
| |
| − | <div class="section-title center">
| |
| − | <h2>Some of <strong>our Clients</strong></h2>
| |
| − | <div class="line">
| |
| − | <hr>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div id="clients" class="owl-carousel owl-theme">
| |
| − | <div class="item">
| |
| − | <img src="img/client/01.png">
| |
| − | </div>
| |
| − | <div class="item">
| |
| − | <img src="img/client/02.png">
| |
| − | </div>
| |
| − | <div class="item">
| |
| − | <img src="img/client/03.png">
| |
| − | </div>
| |
| − | <div class="item">
| |
| − | <img src="img/client/04.png">
| |
| − | </div>
| |
| − | <div class="item">
| |
| − | <img src="img/client/05.png">
| |
| − | </div>
| |
| − | <div class="item">
| |
| − | <img src="img/client/06.png">
| |
| − | </div>
| |
| − | <div class="item">
| |
| − | <img src="img/client/07.png">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Portfolio Section
| |
| − | ==========================================-->
| |
| − | <div id="tf-works">
| |
| − | <div class="container"> <!-- Container -->
| |
| − | <div class="section-title text-center center">
| |
| − | <h2>Take a look at <strong>our services</strong></h2>
| |
| − | <div class="line">
| |
| − | <hr>
| |
| − | </div>
| |
| − | <div class="clearfix"></div>
| |
| − | <small><em>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</em></small>
| |
| − | </div>
| |
| − | <div class="space"></div>
| |
| − |
| |
| − | <div class="categories">
| |
| − |
| |
| − | <ul class="cat">
| |
| − | <li class="pull-left"><h4>Filter by Type:</h4></li>
| |
| − | <li class="pull-right">
| |
| − | <ol class="type">
| |
| − | <li><a href="#" data-filter="*" class="active">All</a></li>
| |
| − | <li><a href="#" data-filter=".web">Web Design</a></li>
| |
| − | <li><a href="#" data-filter=".photography">Photography</a></li>
| |
| − | <li><a href="#" data-filter=".app" >Mobile App</a></li>
| |
| − | <li><a href="#" data-filter=".branding" >Branding</a></li>
| |
| − | </ol>
| |
| − | </li>
| |
| − | </ul>
| |
| − | <div class="clearfix"></div>
| |
| − | </div>
| |
| − |
| |
| − | <div id="lightbox" class="row">
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 branding">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/01.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 photography app">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/02.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 branding">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/03.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 branding">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/04.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 web">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/05.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 app">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/06.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 photography web">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/07.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="col-sm-6 col-md-3 col-lg-3 web">
| |
| − | <div class="portfolio-item">
| |
| − | <div class="hover-bg">
| |
| − | <a href="#">
| |
| − | <div class="hover-text">
| |
| − | <h4>Logo Design</h4>
| |
| − | <small>Branding</small>
| |
| − | <div class="clearfix"></div>
| |
| − | <i class="fa fa-plus"></i>
| |
| − | </div>
| |
| − | <img src="img/portfolio/08.jpg" class="img-responsive" alt="...">
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Testimonials Section
| |
| − | ==========================================-->
| |
| − | <div id="tf-testimonials" class="text-center">
| |
| − | <div class="overlay">
| |
| − | <div class="container">
| |
| − | <div class="section-title center">
| |
| − | <h2><strong>Our clients’</strong> testimonials</h2>
| |
| − | <div class="line">
| |
| − | <hr>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <div class="col-md-8 col-md-offset-2">
| |
| − | <div id="testimonial" class="owl-carousel owl-theme">
| |
| − | <div class="item">
| |
| − | <h5>This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</h5>
| |
| − | <p><strong>Dean Martin</strong>, CEO Acme Inc.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <h5>This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</h5>
| |
| − | <p><strong>Dean Martin</strong>, CEO Acme Inc.</p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <h5>This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</h5>
| |
| − | <p><strong>Dean Martin</strong>, CEO Acme Inc.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!-- Contact Section
| |
| − | ==========================================-->
| |
| − | <div id="tf-contact" class="text-center">
| |
| − | <div class="container">
| |
| − |
| |
| − | <div class="row">
| |
| − | <div class="col-md-8 col-md-offset-2">
| |
| − |
| |
| − | <div class="section-title center">
| |
| − | <h2>Feel free to <strong>contact us</strong></h2>
| |
| − | <div class="line">
| |
| − | <hr>
| |
| − | </div>
| |
| − | <div class="clearfix"></div>
| |
| − | <small><em>Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.</em></small>
| |
| − | </div>
| |
| − |
| |
| − | <form>
| |
| − | <div class="row">
| |
| − | <div class="col-md-6">
| |
| − | <div class="form-group">
| |
| − | <label for="exampleInputEmail1">Email address</label>
| |
| − | <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="col-md-6">
| |
| − | <div class="form-group">
| |
| − | <label for="exampleInputPassword1">Password</label>
| |
| − | <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="form-group">
| |
| − | <label for="exampleInputEmail1">Message</label>
| |
| − | <textarea class="form-control" rows="3"></textarea>
| |
| − | </div>
| |
| − |
| |
| − | <button type="submit" class="btn tf-btn btn-default">Submit</button>
| |
| − | </form>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <nav id="footer">
| |
| − | <div class="container">
| |
| − | <div class="pull-left fnav">
| |
| − | <p>ALL RIGHTS RESERVED. COPYRIGHT © 2014. Designed by <a href="https://dribbble.com/shots/1817781--FREEBIE-Spirit8-Digital-agency-one-page-template">Robert Berki</a> and Coded by <a href="https://dribbble.com/jennpereira">Jenn Pereira</a></p>
| |
| − | </div>
| |
| − | <div class="pull-right fnav">
| |
| − | <ul class="footer-social">
| |
| − | <li><a href="#"><i class="fa fa-facebook"></i></a></li>
| |
| − | <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
| |
| − | <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
| |
| − | <li><a href="#"><i class="fa fa-twitter"></i></a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − |
| |
| − | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| |
| − |
| |
| − | <!--
| |
| − |
| |
| − | <script type="text/javascript" src="js/jquery.1.11.1.js"></script>
| |
| − | <!-- Include all compiled plugins (below), or include individual files as needed -->
| |
| − | <script type="text/javascript" src="js/bootstrap.js"></script>
| |
| − | <script type="text/javascript" src="js/SmoothScroll.js"></script>
| |
| − | <script type="text/javascript" src="js/jquery.isotope.js"></script>
| |
| − |
| |
| − | <script src="js/owl.carousel.js"></script>
| |
| − |
| |
| − | <!-- Javascripts
| |
| − | ================================================== -->
| |
| − | <script type="text/javascript" src="js/main.js"></script>
| |
| − |
| |
| − | -->
| |
| − |
| |
| | </body> | | </body> |
| | </html> | | </html> |
| | + | {{UAlberta/Footer}} |
