Difference between revisions of "Team:NPU-China"

Revision as of 06:34, 18 October 2017

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.

@@ Line 106: / Line 106: @@
 <div class="container">
-  <!-- Marketing Icons Section -->
    <div class="row">
-    <div class="col-lg-12">
+      <div class="col-md-12">
-      <h1 class="page-header"> Nice to meet you </h1>
+          <h2 class="page-header">Some ddddddddddddd</h2>
-    </div>
+           <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 class="col-md-4">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-           <h4><i class="fa fa-fw fa-check"></i> bulabula</h4>
-        </div>
-        <div class="panel-body">
-          <p>bulabula?bulabula!</p>
-          <a href="#" class="btn btn-default">Learn More</a>
-        </div>
        </div>
-    </div>
-    <div class="col-md-4">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4><i class="fa fa-fw fa-gift"></i>bulabula</h4>
-        </div>
-        <div class="panel-body">
-          <p>bulabula?bulabula!</p>
-          <a href="#" class="btn btn-default">Learn More</a>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-4">
-      <div class="panel panel-default">
-        <div class="panel-heading">
-          <h4><i class="fa fa-fw fa-compass"></i>bulabula</h4>
-        </div>
-        <div class="panel-body">
-          <p>bulabula?bulabula!</p>
-          <a href="#" class="btn btn-default">Learn More</a>
-        </div>
-      </div>
-    </div>
    </div>
-   <!-- /.row -->
+   <!-- Marketing Icons Section -->
-  <!-- Portfolio Section -->
    <div class="row">
-     <div class="col-lg-12">
+     <div class="col-md-12">
-      <h2 class="page-header">Some Photo</h2>
+        <h2 class="page-header">Some fangkuai</h2>
      </div>
-     <div class="col-md-4 col-sm-6">
+     <div class="col-md-6 img-portfolio">
-      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+        <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 class="col-md-4 col-sm-6">
+     <div class="col-md-6 img-portfolio">
-      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+        <a href="portfolio-item.html">
-    </div>
+            <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
-    <div class="col-md-4 col-sm-6">
+        </a>
-      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+        <h3>
-    </div>
+            <a href="portfolio-item.html">Project Two</a>
-    <div class="col-md-4 col-sm-6">
+        </h3>
-      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
-    </div>
-    <div class="col-md-4 col-sm-6">
-      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
-    </div>
-    <div class="col-md-4 col-sm-6">
-      <a href="portfolio-item.html"> <img class="img-responsive img-portfolio img-hover" src="http://placehold.it/700x450" alt=""> </a>
      </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>
-  <!-- /.row -->
+   <div class="col-md-6 img-portfolio">
+       <a href="portfolio-item.html">
-  <!-- Features Section -->
+          <img class="img-responsive img-hover" src="http://placehold.it/700x400" alt="">
-   <div class="row">
+      </a>
-    <div class="col-lg-12">
+      <h3>
-      <h2 class="page-header">Some feihua</h2>
+          <a href="portfolio-item.html">Project Four</a>
-    </div>
+      </h3>
-    <div class="col-md-6">
+      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.</p>
-       <p>bulabula</p>
-    </div>
-    <div class="col-md-6">
-      <img class="img-responsive" src="http://placehold.it/700x450" alt="">
-    </div>
    </div>
-  <!-- /.row -->
+</div>
-  <hr>
-  <!-- Call to Action Section -->
-  <div class="well">
-    <div class="row">
-      <div class="col-md-8">
-        <p>bulabula</p>
-      </div>
-      <div class="col-md-4">
-        <a class="btn btn-lg btn-default btn-block" href="#">Call to Action</a>
-      </div>
-    </div>
-  </div>
    <hr>
@@ Line 207: / Line 164: @@
          <footer>
              <div class="row">
-                 <div class="col-lg-12">
+                 <div class="col-md-12">
                      <p>Copyright &copy; NPU-CHINA 2017</p>
                  </div>