Difference between revisions of "Team:DUT China B"

Line 289: Line 289:
  
 
   </style>
 
   </style>
         <script>
+
          
 +
</head>
 +
<body>
 +
<section class="cd-section">
 +
<div class="cd-block">
 +
<h1>3D Curtain Template</h1>
 +
</div>
 +
</section> <!-- .cd-section -->
 +
 
 +
<section class="cd-section">
 +
<div class="cd-block">
 +
<div class="cd-half-block"></div>
 +
 
 +
<div class="cd-half-block">
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!
 +
</p>
 +
</div>
 +
</div>
 +
</section> <!-- .cd-section -->
 +
 
 +
<section class="cd-section">
 +
<div class="cd-block">
 +
<div class="cd-half-block"></div>
 +
 
 +
<div class="cd-half-block">
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!
 +
</p>
 +
</div>
 +
</div>
 +
</section> <!-- .cd-section -->
 +
 
 +
<section class="cd-section">
 +
<div class="cd-block">
 +
<div class="cd-half-block"></div>
 +
 
 +
<div class="cd-half-block">
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!
 +
</p>
 +
</div>
 +
</div>
 +
</section> <!-- .cd-section -->
 +
 
 +
<nav>
 +
<ul class="cd-vertical-nav">
 +
<li><a href="#0" class="cd-prev inactive">Next</a></li>
 +
<li><a href="#0" class="cd-next">Prev</a></li>
 +
</ul>
 +
</nav> <!-- .cd-vertical-nav -->
 +
<script>
 
jQuery(document).ready(function($){
 
jQuery(document).ready(function($){
 
//change this value if you want to change the speed of the scale effect
 
//change this value if you want to change the speed of the scale effect
Line 448: Line 499:
 
});
 
});
 
</script>
 
</script>
</head>
 
<body>
 
<section class="cd-section">
 
<div class="cd-block">
 
<h1>3D Curtain Template</h1>
 
</div>
 
</section> <!-- .cd-section -->
 
 
<section class="cd-section">
 
<div class="cd-block">
 
<div class="cd-half-block"></div>
 
 
<div class="cd-half-block">
 
<p>
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!
 
</p>
 
</div>
 
</div>
 
</section> <!-- .cd-section -->
 
 
<section class="cd-section">
 
<div class="cd-block">
 
<div class="cd-half-block"></div>
 
 
<div class="cd-half-block">
 
<p>
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!
 
</p>
 
</div>
 
</div>
 
</section> <!-- .cd-section -->
 
 
<section class="cd-section">
 
<div class="cd-block">
 
<div class="cd-half-block"></div>
 
 
<div class="cd-half-block">
 
<p>
 
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!
 
</p>
 
</div>
 
</div>
 
</section> <!-- .cd-section -->
 
 
<nav>
 
<ul class="cd-vertical-nav">
 
<li><a href="#0" class="cd-prev inactive">Next</a></li>
 
<li><a href="#0" class="cd-next">Prev</a></li>
 
</ul>
 
</nav> <!-- .cd-vertical-nav -->
 
 
<script src="js/jquery-2.1.1.js"></script>
 
<script src="js/jquery-2.1.1.js"></script>
 
<script src="js/main.js"></script> <!-- Resource jQuery -->
 
<script src="js/main.js"></script> <!-- Resource jQuery -->
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 10:10, 28 June 2019

3D Curtain Template

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores eos labore ratione illum excepturi neque sunt blanditiis ducimus soluta quae!