Difference between revisions of "Team:Nankai/test2"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
<head>
+
 
 
<script>
 
<script>
 
         document.styleSheets[0].disabled = true
 
         document.styleSheets[0].disabled = true
Line 15: Line 15:
 
    <link href="https://2015.igem.org/Team:Nankai/Practices/responsive.bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
 
    <link href="https://2015.igem.org/Team:Nankai/Practices/responsive.bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
 
    <link href="https://2015.igem.org/Team:Nankai/Practices/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
 
    <link href="https://2015.igem.org/Team:Nankai/Practices/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
−
 
+
    <link href="https://2015.igem.org/Team:Nankai/Practices/screen.css?action=raw&ctype=text/css" rel="stylesheet">
  
 
    <!--[if lt IE 9]>
 
    <!--[if lt IE 9]>
Line 28: Line 28:
 
                                  <link rel="shortcut icon" href="img/favicon/favicon.ico">
 
                                  <link rel="shortcut icon" href="img/favicon/favicon.ico">
 
<style>
 
<style>
 +
 +
 +
 +
 +
.clearfix {
 +
  *zoom: 1;
 +
}
 +
.clearfix:before,
 +
.clearfix:after {
 +
  display: table;
 +
  content: "";
 +
  line-height: 0;
 +
}
 +
.clearfix:after {
 +
  clear: both;
 +
}
 +
.hide-text {
 +
  font: 0/0 a;
 +
  color: transparent;
 +
  text-shadow: none;
 +
  background-color: transparent;
 +
  border: 0;
 +
}
 +
.input-block-level {
 +
  display: block;
 +
  width: 100%;
 +
  min-height: 27px;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
article,
 +
aside,
 +
details,
 +
figcaption,
 +
figure,
 +
footer,
 +
header,
 +
hgroup,
 +
nav,
 +
section {
 +
  display: block;
 +
}
 +
audio,
 +
canvas,
 +
video {
 +
  display: inline-block;
 +
  *display: inline;
 +
  *zoom: 1;
 +
}
 +
audio:not([controls]) {
 +
  display: none;
 +
}
 +
html {
 +
  font-size: 100%;
 +
  -webkit-text-size-adjust: 100%;
 +
  -ms-text-size-adjust: 100%;
 +
}
 +
a:focus {
 +
  outline: thin dotted #333;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 +
}
 +
a:hover,
 +
a:active {
 +
  outline: 0;
 +
}
 +
sub,
 +
sup {
 +
  position: relative;
 +
  font-size: 75%;
 +
  line-height: 0;
 +
  vertical-align: baseline;
 +
}
 +
sup {
 +
  top: -0.5em;
 +
}
 +
sub {
 +
  bottom: -0.25em;
 +
}
 +
img {
 +
  /* Responsive images (ensure images don't scale beyond their parents) */
 +
 +
  max-width: 100%;
 +
  /* Part 1: Set a maxium relative to the parent */
 +
 +
  width: auto\9;
 +
  /* IE7-8 need help adjusting responsive images */
 +
 +
  height: auto;
 +
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
 +
 +
  vertical-align: middle;
 +
  border: 0;
 +
  -ms-interpolation-mode: bicubic;
 +
}
 +
#map_canvas img,
 +
.google-maps img {
 +
  max-width: none;
 +
}
 +
button,
 +
input,
 +
select,
 +
textarea {
 +
  margin: 0;
 +
  font-size: 100%;
 +
  vertical-align: middle;
 +
}
 +
button,
 +
input {
 +
  *overflow: visible;
 +
  line-height: normal;
 +
}
 +
button::-moz-focus-inner,
 +
input::-moz-focus-inner {
 +
  padding: 0;
 +
  border: 0;
 +
}
 +
button,
 +
html input[type="button"],
 +
input[type="reset"],
 +
input[type="submit"] {
 +
  -webkit-appearance: button;
 +
  cursor: pointer;
 +
}
 +
label,
 +
select,
 +
button,
 +
input[type="button"],
 +
input[type="reset"],
 +
input[type="submit"],
 +
input[type="radio"],
 +
input[type="checkbox"] {
 +
  cursor: pointer;
 +
}
 +
input[type="search"] {
 +
  -webkit-box-sizing: content-box;
 +
  -moz-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
  -webkit-appearance: textfield;
 +
}
 +
input[type="search"]::-webkit-search-decoration,
 +
input[type="search"]::-webkit-search-cancel-button {
 +
  -webkit-appearance: none;
 +
}
 +
textarea {
 +
  overflow: auto;
 +
  vertical-align: top;
 +
}
 +
@media print {
 +
  * {
 +
    text-shadow: none !important;
 +
    color: #000 !important;
 +
    background: transparent !important;
 +
    box-shadow: none !important;
 +
  }
 +
  a,
 +
  a:visited {
 +
    text-decoration: underline;
 +
  }
 +
  a[href]:after {
 +
    content: " (" attr(href) ")";
 +
  }
 +
  abbr[title]:after {
 +
    content: " (" attr(title) ")";
 +
  }
 +
  .ir a:after,
 +
  a[href^="javascript:"]:after,
 +
  a[href^="#"]:after {
 +
    content: "";
 +
  }
 +
  pre,
 +
  blockquote {
 +
    border: 1px solid #999;
 +
    page-break-inside: avoid;
 +
  }
 +
  thead {
 +
    display: table-header-group;
 +
  }
 +
  tr,
 +
  img {
 +
    page-break-inside: avoid;
 +
  }
 +
  img {
 +
    max-width: 100% !important;
 +
  }
 +
  @page  {
 +
    margin: 0.5cm;
 +
  }
 +
  p,
 +
  h2,
 +
  h3 {
 +
    orphans: 3;
 +
    widows: 3;
 +
  }
 +
  h2,
 +
  h3 {
 +
    page-break-after: avoid;
 +
  }
 +
}
 +
body {
 +
  margin: 0;
 +
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
 +
  font-size: 1.3rem;
 +
  line-height: 18px;
 +
  color: #333333;
 +
  background-color: #ffffff;
 +
}
 +
a {
 +
  color: #000000;
 +
  text-decoration: none;
 +
}
 +
a:hover,
 +
a:focus {
 +
  color: #555555;
 +
  text-decoration: underline;
 +
}
 +
.img-rounded {
 +
  -webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
  border-radius: 6px;
 +
}
 +
.img-polaroid {
 +
  padding: 4px;
 +
  background-color: #fff;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, 0.2);
 +
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 +
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
 +
}
 +
.img-circle {
 +
  -webkit-border-radius: 500px;
 +
  -moz-border-radius: 500px;
 +
  border-radius: 500px;
 +
}
 +
.row {
 +
  margin-left: -20px;
 +
  *zoom: 1;
 +
}
 +
.row:before,
 +
.row:after {
 +
  display: table;
 +
  content: "";
 +
  line-height: 0;
 +
}
 +
.row:after {
 +
  clear: both;
 +
}
 +
[class*="span"] {
 +
  float: left;
 +
  min-height: 1px;
 +
  margin-left: 20px;
 +
}
 +
.container,
 +
.navbar-static-top .container,
 +
.navbar-fixed-top .container,
 +
.navbar-fixed-bottom .container {
 +
  width: 940px;
 +
}
 +
.span12 {
 +
  width: 940px;
 +
}
 +
.span11 {
 +
  width: 860px;
 +
}
 +
.span10 {
 +
  width: 780px;
 +
}
 +
.span9 {
 +
  width: 700px;
 +
}
 +
.span8 {
 +
  width: 620px;
 +
}
 +
.span7 {
 +
  width: 540px;
 +
}
 +
.span6 {
 +
  width: 460px;
 +
}
 +
.span5 {
 +
  width: 380px;
 +
}
 +
.span4 {
 +
  width: 300px;
 +
}
 +
.span3 {
 +
  width: 220px;
 +
}
 +
.span2 {
 +
  width: 140px;
 +
}
 +
.span1 {
 +
  width: 60px;
 +
}
 +
.offset12 {
 +
  margin-left: 980px;
 +
}
 +
.offset11 {
 +
  margin-left: 900px;
 +
}
 +
.offset10 {
 +
  margin-left: 820px;
 +
}
 +
.offset9 {
 +
  margin-left: 740px;
 +
}
 +
.offset8 {
 +
  margin-left: 660px;
 +
}
 +
.offset7 {
 +
  margin-left: 580px;
 +
}
 +
.offset6 {
 +
  margin-left: 500px;
 +
}
 +
.offset5 {
 +
  margin-left: 420px;
 +
}
 +
.offset4 {
 +
  margin-left: 340px;
 +
}
 +
.offset3 {
 +
  margin-left: 260px;
 +
}
 +
.offset2 {
 +
  margin-left: 180px;
 +
}
 +
.offset1 {
 +
  margin-left: 100px;
 +
}
 +
.row-fluid {
 +
  width: 100%;
 +
  *zoom: 1;
 +
}
 +
.row-fluid:before,
 +
.row-fluid:after {
 +
  display: table;
 +
  content: "";
 +
  line-height: 0;
 +
}
 +
.row-fluid:after {
 +
  clear: both;
 +
}
 +
.row-fluid [class*="span"] {
 +
  display: block;
 +
  width: 100%;
 +
  min-height: 27px;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
  float: left;
 +
  margin-left: 2.127659574468085%;
 +
  *margin-left: 2.074468085106383%;
 +
}
 +
.row-fluid [class*="span"]:first-child {
 +
  margin-left: 0;
 +
}
 +
.row-fluid .controls-row [class*="span"] + [class*="span"] {
 +
  margin-left: 2.127659574468085%;
 +
}
 +
.row-fluid .span12 {
 +
  width: 100%;
 +
  *width: 99.94680851063829%;
 +
}
 +
.row-fluid .span11 {
 +
  width: 91.48936170212765%;
 +
  *width: 91.43617021276594%;
 +
}
 +
.row-fluid .span10 {
 +
  width: 82.97872340425532%;
 +
  *width: 82.92553191489361%;
 +
}
 +
.row-fluid .span9 {
 +
  width: 74.46808510638297%;
 +
  *width: 74.41489361702126%;
 +
}
 +
.row-fluid .span8 {
 +
  width: 65.95744680851064%;
 +
  *width: 65.90425531914893%;
 +
}
 +
.row-fluid .span7 {
 +
  width: 57.44680851063829%;
 +
  *width: 57.39361702127659%;
 +
}
 +
.row-fluid .span6 {
 +
  width: 48.93617021276595%;
 +
  *width: 48.88297872340425%;
 +
}
 +
.row-fluid .span5 {
 +
  width: 40.42553191489362%;
 +
  *width: 40.37234042553192%;
 +
}
 +
.row-fluid .span4 {
 +
  width: 31.914893617021278%;
 +
  *width: 31.861702127659576%;
 +
}
 +
.row-fluid .span3 {
 +
  width: 23.404255319148934%;
 +
  *width: 23.351063829787233%;
 +
}
 +
.row-fluid .span2 {
 +
  width: 14.893617021276595%;
 +
  *width: 14.840425531914894%;
 +
}
 +
.row-fluid .span1 {
 +
  width: 6.382978723404255%;
 +
  *width: 6.329787234042553%;
 +
}
 +
.row-fluid .offset12 {
 +
  margin-left: 104.25531914893617%;
 +
  *margin-left: 104.14893617021275%;
 +
}
 +
.row-fluid .offset12:first-child {
 +
  margin-left: 102.12765957446808%;
 +
  *margin-left: 102.02127659574467%;
 +
}
 +
.row-fluid .offset11 {
 +
  margin-left: 95.74468085106382%;
 +
  *margin-left: 95.6382978723404%;
 +
}
 +
.row-fluid .offset11:first-child {
 +
  margin-left: 93.61702127659574%;
 +
  *margin-left: 93.51063829787232%;
 +
}
 +
.row-fluid .offset10 {
 +
  margin-left: 87.23404255319149%;
 +
  *margin-left: 87.12765957446807%;
 +
}
 +
.row-fluid .offset10:first-child {
 +
  margin-left: 85.1063829787234%;
 +
  *margin-left: 84.99999999999999%;
 +
}
 +
.row-fluid .offset9 {
 +
  margin-left: 78.72340425531914%;
 +
  *margin-left: 78.61702127659572%;
 +
}
 +
.row-fluid .offset9:first-child {
 +
  margin-left: 76.59574468085106%;
 +
  *margin-left: 76.48936170212764%;
 +
}
 +
.row-fluid .offset8 {
 +
  margin-left: 70.2127659574468%;
 +
  *margin-left: 70.10638297872339%;
 +
}
 +
.row-fluid .offset8:first-child {
 +
  margin-left: 68.08510638297872%;
 +
  *margin-left: 67.9787234042553%;
 +
}
 +
.row-fluid .offset7 {
 +
  margin-left: 61.70212765957446%;
 +
  *margin-left: 61.59574468085106%;
 +
}
 +
.row-fluid .offset7:first-child {
 +
  margin-left: 59.574468085106375%;
 +
  *margin-left: 59.46808510638297%;
 +
}
 +
.row-fluid .offset6 {
 +
  margin-left: 53.191489361702125%;
 +
  *margin-left: 53.085106382978715%;
 +
}
 +
.row-fluid .offset6:first-child {
 +
  margin-left: 51.063829787234035%;
 +
  *margin-left: 50.95744680851063%;
 +
}
 +
.row-fluid .offset5 {
 +
  margin-left: 44.68085106382979%;
 +
  *margin-left: 44.57446808510638%;
 +
}
 +
.row-fluid .offset5:first-child {
 +
  margin-left: 42.5531914893617%;
 +
  *margin-left: 42.4468085106383%;
 +
}
 +
.row-fluid .offset4 {
 +
  margin-left: 36.170212765957444%;
 +
  *margin-left: 36.06382978723405%;
 +
}
 +
.row-fluid .offset4:first-child {
 +
  margin-left: 34.04255319148936%;
 +
  *margin-left: 33.93617021276596%;
 +
}
 +
.row-fluid .offset3 {
 +
  margin-left: 27.659574468085104%;
 +
  *margin-left: 27.5531914893617%;
 +
}
 +
.row-fluid .offset3:first-child {
 +
  margin-left: 25.53191489361702%;
 +
  *margin-left: 25.425531914893618%;
 +
}
 +
.row-fluid .offset2 {
 +
  margin-left: 19.148936170212764%;
 +
  *margin-left: 19.04255319148936%;
 +
}
 +
.row-fluid .offset2:first-child {
 +
  margin-left: 17.02127659574468%;
 +
  *margin-left: 16.914893617021278%;
 +
}
 +
.row-fluid .offset1 {
 +
  margin-left: 10.638297872340425%;
 +
  *margin-left: 10.53191489361702%;
 +
}
 +
.row-fluid .offset1:first-child {
 +
  margin-left: 8.51063829787234%;
 +
  *margin-left: 8.404255319148938%;
 +
}
 +
[class*="span"].hide,
 +
.row-fluid [class*="span"].hide {
 +
  display: none;
 +
}
 +
[class*="span"].pull-right,
 +
.row-fluid [class*="span"].pull-right {
 +
  float: right;
 +
}
 +
.container {
 +
  margin-right: auto;
 +
  margin-left: auto;
 +
  *zoom: 1;
 +
}
 +
.container:before,
 +
.container:after {
 +
  display: table;
 +
  content: "";
 +
  line-height: 0;
 +
}
 +
.container:after {
 +
  clear: both;
 +
}
 +
.container-fluid {
 +
  padding-right: 20px;
 +
  padding-left: 20px;
 +
  *zoom: 1;
 +
}
 +
.container-fluid:before,
 +
.container-fluid:after {
 +
  display: table;
 +
  content: "";
 +
  line-height: 0;
 +
}
 +
.container-fluid:after {
 +
  clear: both;
 +
}
 +
.close {
 +
  float: right;
 +
  font-size: 20px;
 +
  font-weight: bold;
 +
  line-height: 18px;
 +
  color: #000000;
 +
  text-shadow: 0 1px 0 #ffffff;
 +
  opacity: 0.2;
 +
  filter: alpha(opacity=20);
 +
}
 +
.close:hover,
 +
.close:focus {
 +
  color: #000000;
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
  opacity: 0.4;
 +
  filter: alpha(opacity=40);
 +
}
 +
button.close {
 +
  padding: 0;
 +
  cursor: pointer;
 +
  background: transparent;
 +
  border: 0;
 +
  -webkit-appearance: none;
 +
}
 +
.fade {
 +
  opacity: 0;
 +
  -webkit-transition: opacity 0.15s linear;
 +
  -moz-transition: opacity 0.15s linear;
 +
  -o-transition: opacity 0.15s linear;
 +
  transition: opacity 0.15s linear;
 +
}
 +
.fade.in {
 +
  opacity: 1;
 +
}
 +
.collapse {
 +
  position: relative;
 +
  height: 0;
 +
  overflow: hidden;
 +
  -webkit-transition: height 0.35s ease;
 +
  -moz-transition: height 0.35s ease;
 +
  -o-transition: height 0.35s ease;
 +
  transition: height 0.35s ease;
 +
}
 +
.collapse.in {
 +
  height: auto;
 +
}
 +
.carousel {
 +
  position: relative;
 +
  margin-bottom: 18px;
 +
  line-height: 1;
 +
}
 +
.carousel-inner {
 +
  overflow: hidden;
 +
  width: 100%;
 +
  position: relative;
 +
}
 +
.carousel-inner > .item {
 +
  display: none;
 +
  position: relative;
 +
  -webkit-transition: 0.6s ease-in-out left;
 +
  -moz-transition: 0.6s ease-in-out left;
 +
  -o-transition: 0.6s ease-in-out left;
 +
  transition: 0.6s ease-in-out left;
 +
}
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  line-height: 1;
 +
}
 +
.carousel-inner > .active,
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  display: block;
 +
}
 +
.carousel-inner > .active {
 +
  left: 0;
 +
}
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
.carousel-inner > .next {
 +
  left: 100%;
 +
}
 +
.carousel-inner > .prev {
 +
  left: -100%;
 +
}
 +
.carousel-inner > .next.left,
 +
.carousel-inner > .prev.right {
 +
  left: 0;
 +
}
 +
.carousel-inner > .active.left {
 +
  left: -100%;
 +
}
 +
.carousel-inner > .active.right {
 +
  left: 100%;
 +
}
 +
.carousel-control {
 +
  position: absolute;
 +
  top: 40%;
 +
  left: 15px;
 +
  width: 40px;
 +
  height: 40px;
 +
  margin-top: -20px;
 +
  font-size: 60px;
 +
  font-weight: 100;
 +
  line-height: 30px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  background: #222222;
 +
  border: 3px solid #ffffff;
 +
  -webkit-border-radius: 23px;
 +
  -moz-border-radius: 23px;
 +
  border-radius: 23px;
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
}
 +
.carousel-control.right {
 +
  left: auto;
 +
  right: 15px;
 +
}
 +
.carousel-control:hover,
 +
.carousel-control:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  opacity: 0.9;
 +
  filter: alpha(opacity=90);
 +
}
 +
.carousel-indicators {
 +
  position: absolute;
 +
  top: 15px;
 +
  right: 15px;
 +
  z-index: 5;
 +
  margin: 0;
 +
  list-style: none;
 +
}
 +
.carousel-indicators li {
 +
  display: block;
 +
  float: left;
 +
  width: 10px;
 +
  height: 10px;
 +
  margin-left: 5px;
 +
  text-indent: -999px;
 +
  background-color: #ccc;
 +
  background-color: rgba(255, 255, 255, 0.25);
 +
  border-radius: 5px;
 +
}
 +
.carousel-indicators .active {
 +
  background-color: #fff;
 +
}
 +
.carousel-caption {
 +
  position: absolute;
 +
  left: 0;
 +
  right: 0;
 +
  bottom: 0;
 +
  padding: 15px;
 +
  background: #333333;
 +
  background: rgba(0, 0, 0, 0.75);
 +
}
 +
.carousel-caption h4,
 +
.carousel-caption p {
 +
  color: #ffffff;
 +
  line-height: 18px;
 +
}
 +
.carousel-caption h4 {
 +
  margin: 0 0 5px;
 +
}
 +
.carousel-caption p {
 +
  margin-bottom: 0;
 +
}
 +
.pull-right {
 +
  float: right;
 +
}
 +
.pull-left {
 +
  float: left;
 +
}
 +
.hide {
 +
  display: none;
 +
}
 +
.show {
 +
  display: block;
 +
}
 +
.invisible {
 +
  visibility: hidden;
 +
}
 +
.affix {
 +
  position: fixed;
 +
}
 +
 +
 +
 +
 +
  
 
   /*Clear existing style*/
 
   /*Clear existing style*/
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
  
Line 58: Line 812:
  
  
−
</head>
+
 
−
</head>
+
 
−
<body>
+
 
 
 
<!-- START SETTINGS BOX -->
 
<!-- START SETTINGS BOX -->
Line 365: Line 1,118:
 
<script src="https://2015.igem.org/Team:Nankai/Practices/izotope.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Nankai/Practices/izotope.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Nankai/Practices/option.js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Nankai/Practices/option.js?action=raw&ctype=text/javascript"></script>
−
</body>
+
 
 
</html>
 
</html>
 
{{Nankai}}
 
{{Nankai}}

Revision as of 02:58, 8 August 2015

DesignPortfolio

Site Color
  • slide1

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

  • slide2

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

  • slide3

    Lorem ipsum dolor sit amet, consectetur

    Donec mattis, magna nec lacinia

    welcome to our website

    Nunc luctus pretium neque ac faucibus. Sed odio purus, dignissim eu posuere at, luctus in metus. Morbi vulputate molestie consectetur. Mauris urna neque, blandit at ultrices at, accumsan in magna. Maecenas volutpat justo sed nisi varius in ullamcorper nunc sodales.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    • OUR PORTFOLIO

      our portfolio

      Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.

    VIEW ALL PROJECT →
    DesignPortfolio

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin massa vel odio gravida placerat. Suspendisse porta, nulla non eleifend vehicula, libero sapien luctus sapien, ut sodales augue velit vitae lacus.

    FLICKR PHOTOSTREAM

    RECENT POSTS

    © Copyright 2013. More Templates 模板之家 - Collect from 网页模板

    Designed by Theme Designer. Developed by 960 Development

    Medigo Blue, free responsive template