Line 106: | Line 106: | ||
<div class="container"> | <div class="container"> | ||
− | |||
<div class="row"> | <div class="row"> | ||
− | + | <div class="col-md-12"> | |
− | + | <h2 class="page-header">Some ddddddddddddd</h2> | |
− | + | <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | <!-- | + | <!-- Marketing Icons Section --> |
− | + | ||
− | + | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col- | + | <div class="col-md-12"> |
− | + | <h2 class="page-header">Some fangkuai</h2> | |
</div> | </div> | ||
− | <div class="col-md | + | <div class="col-md-6 img-portfolio"> |
− | + | <a href="portfolio-item.html"> | |
+ | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt=""> | ||
+ | </a> | ||
+ | <h3> | ||
+ | <a href="portfolio-item.html">Project One</a> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p> | ||
</div> | </div> | ||
− | <div class="col-md | + | <div class="col-md-6 img-portfolio"> |
− | + | <a href="portfolio-item.html"> | |
− | + | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt=""> | |
− | + | </a> | |
− | + | <h3> | |
− | + | <a href="portfolio-item.html">Project Two</a> | |
− | + | </h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row"> | ||
+ | <div class="col-md-6 img-portfolio"> | ||
+ | <a href="portfolio-item.html"> | ||
+ | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt=""> | ||
+ | </a> | ||
+ | <h3> | ||
+ | <a href="portfolio-item.html">Project Three</a> | ||
+ | </h3> | ||
+ | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p> | ||
</div> | </div> | ||
− | + | <div class="col-md-6 img-portfolio"> | |
− | + | <a href="portfolio-item.html"> | |
− | + | <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt=""> | |
− | + | </a> | |
− | + | <h3> | |
− | + | <a href="portfolio-item.html">Project Four</a> | |
− | + | </h3> | |
− | + | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p> | |
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </div> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<hr> | <hr> | ||
Line 207: | Line 164: | ||
<footer> | <footer> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="col- | + | <div class="col-md-12"> |
<p>Copyright © NPU-CHINA 2017</p> | <p>Copyright © NPU-CHINA 2017</p> | ||
</div> | </div> |
Revision as of 06:34, 18 October 2017
Some ddddddddddddd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Some fangkuai
Project One
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Project Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Project Three
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Project Four
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.