Difference between revisions of "Team:SCUT China/Human Practices"

Line 27: Line 27:
 
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">  
 
<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">  
 
</head>
 
</head>
 
 
 
 
 
 
 
 
  
 
<!--breadcrumb -->
 
<!--breadcrumb -->
Line 40: Line 32:
 
</div>
 
</div>
 
<!--/ End breadcrumb -->
 
<!--/ End breadcrumb -->
+
<!--HP Area -->
+
<div class="container" style="background-color:#FC6; padding-top:50px;" >
<!-- single-pf -->
+
                            <div class="row" >
<section id="single-pf" class=" section">
+
             <p style="margin:20px;"><strong><span style="font-family:'微软雅黑',sans-serif; font-size:18.0pt; ">Our</span></strong>&nbsp;&nbsp; in biological experiments is always important in biological studies. To keep laboratory activities safe is not only responsible for the project itself, but for the society and the nature. Therefore, we are obligated to formulate policies and procedures of risk assessment. Also, to implement basic principles of research and development as well as production safety, our team has carried out the safety risk assessment from July 15 to July 22 in 2019.<a href="https://static.igem.org/mediawiki/2018/f/fd/T--GreatBay_China--notebook_nepetalactol.pdf" style="color:#fff;">
  <div class="container">
+
Read the interview record in detail.</a> <br></p>
             <p><strong><span style="font-family:'微软雅黑',sans-serif; font-size:18.0pt; ">Our</span></strong>&nbsp;&nbsp; in biological experiments is always important in biological studies. To keep laboratory activities safe is not only responsible for the project itself, but for the society and the nature. Therefore, we are obligated to formulate policies and procedures of risk assessment. Also, to implement basic principles of research and development as well as production safety, our team has carried out the safety risk assessment from July 15 to July 22 in 2019. </p>
+
 
<div class="row" style="padding-top:50px;">
+
<section id="single-pf" class=" section">
               
+
            <div class="single-pf owl-carousel">
<div class="col-md-12" style="padding-top:100px; ">
+
            <!--Single pf -->
<div class="single-pf owl-carousel">
+
<div class="single-news" >
+
<div class="news-head">
+
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
</div>
+
<div class="news-body" >
+
<h2>about project</h2>
+
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
+
<h5>project details</h5>
+
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: nov 25, 2017</span>
+
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: web design</span>
+
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.twitter.com</a></span>
+
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
</div>
+
</div>
+
<!--/ End Single Team -->
+
                            <div class="single-news" >
+
<div class="news-head">
+
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
</div>
+
<div class="news-body" >
+
<h2>about project</h2>
+
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
+
<h5>project details</h5>
+
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: nov 25, 2017</span>
+
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: web design</span>
+
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.twitter.com</a></span>
+
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
</div>
+
</div>
+
<!--/ End Single Team -->
+
<!--Single pf -->
+
 
<div class="single-news">
 
<div class="single-news">
 
<div class="news-head">
 
<div class="news-head">
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
<img src="img/single-pf2.jpg" alt="#">
 
</div>
 
</div>
 
<div class="news-body">
 
<div class="news-body">
Line 92: Line 52:
 
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
 
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
 
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
 
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="https://2019.igem.org/Team:SCUT_China/Integrated_HP#hp1"class="btn">view live</a><i class="fa fa-caret-right" aria-hidden="true"></i>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!--/ End Single Team -->
 
<!--/ End Single Team -->
<!--Single pf -->
+
                            </div>
 +
                            <div class="single-pf owl-carousel">
 +
            <!--Single pf -->
 
<div class="single-news">
 
<div class="single-news">
 
<div class="news-head">
 
<div class="news-head">
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
<img src="img/single-pf2.jpg" alt="#">
 
</div>
 
</div>
 
<div class="news-body">
 
<div class="news-body">
Line 105: Line 67:
 
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
 
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
 
<h5>project details</h5>
 
<h5>project details</h5>
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: jan 30, 2017</span>
+
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: dec 12, 2017</span>
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: wordpress</span>
+
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.google.com</a></span>
+
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="https://2019.igem.org/Team:SCUT_China/Integrated_HP#hp2"class="btn">view live</a><i class="fa fa-caret-right" aria-hidden="true"></i>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!--/ End Single Team -->
 
<!--/ End Single Team -->
</div>
+
                            </div>
</div>
+
                            <div class="single-pf owl-carousel">
              </div>
+
            <!--Single pf -->
</div>
+
            <div class="container" style="margin-top:700px;">
+
            <p><strong><span style="font-family:'微软雅黑',sans-serif; font-size:18.0pt;margin-top=-100px; ">Our</span></strong>&nbsp;&nbsp; in biological experiments is always important in biological studies. To keep laboratory activities safe is not only responsible for the project itself, but for the society and the nature. Therefore, we are obligated to formulate policies and procedures of risk assessment. Also, to implement basic principles of research and development as well as production safety, our team has carried out the safety risk assessment from July 15 to July 22 in 2019.  </p>
+
<div class="row" style="padding-top:50px;">
+
               
+
<div class="col-md-12" style="padding-top:100px;">
+
<div class="single-pf owl-carousel">
+
<!--Single pf -->
+
 
<div class="single-news">
 
<div class="single-news">
 
<div class="news-head">
 
<div class="news-head">
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
<img src="img/single-pf2.jpg" alt="#">
 
</div>
 
</div>
 
<div class="news-body">
 
<div class="news-body">
Line 131: Line 85:
 
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
 
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
 
<h5>project details</h5>
 
<h5>project details</h5>
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: nov 25, 2017</span>
+
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: dec 12, 2017</span>
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: web design</span>
+
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.twitter.com</a></span>
+
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="https://2019.igem.org/Team:SCUT_China/Integrated_HP#hp3"class="btn">view live</a><i class="fa fa-caret-right" aria-hidden="true"></i>
</div>
+
</div>
+
<!--/ End Single Team -->
+
                            <div class="single-news" >
+
<div class="news-head">
+
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
</div>
+
<div class="news-body" >
+
<h2>about project</h2>
+
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
+
<h5>project details</h5>
+
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: nov 25, 2017</span>
+
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: web design</span>
+
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.twitter.com</a></span>
+
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
<!--/ End Single Team -->
 
<!--/ End Single Team -->
<!--Single pf -->
+
                            </div>
 +
                            <div class="single-pf owl-carousel">
 +
            <!--Single pf -->
 
<div class="single-news">
 
<div class="single-news">
 
<div class="news-head">
 
<div class="news-head">
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
<img src="img/single-pf2.jpg" alt="#">
 
</div>
 
</div>
 
<div class="news-body">
 
<div class="news-body">
Line 165: Line 106:
 
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
 
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
 
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
 
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="https://2019.igem.org/Team:SCUT_China/Integrated_HP#hp4"class="btn">view live</a><i class="fa fa-caret-right" aria-hidden="true"></i>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!--/ End Single Team -->
 
<!--/ End Single Team -->
<!--Single pf -->
+
                            </div>
 +
                            <div class="single-pf owl-carousel">
 +
            <!--Single pf -->
 
<div class="single-news">
 
<div class="single-news">
 
<div class="news-head">
 
<div class="news-head">
<img src="https://static.igem.org/mediawiki/2019/c/c2/T--SCUT_China--slider.jpg" alt="#">
+
<img src="img/single-pf2.jpg" alt="#">
 
</div>
 
</div>
 
<div class="news-body">
 
<div class="news-body">
Line 178: Line 121:
 
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
 
<p>Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, </p>
 
<h5>project details</h5>
 
<h5>project details</h5>
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: jan 30, 2017</span>
+
<span><i class="fa fa-clock-o" aria-hidden="true"></i>date: dec 12, 2017</span>
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: wordpress</span>
+
<span><i class="fa fa-folder-open-o" aria-hidden="true"></i>category: branding</span>
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.google.com</a></span>
+
<span><i class="fa fa-folder-o" aria-hidden="true"></i>project url: <a href="#">www.facebook.com</a></span>
<a href="#" class="btn">view live<i class="fa fa-caret-right" aria-hidden="true"></i></a>
+
<a href="https://2019.igem.org/Team:SCUT_China/Integrated_HP#hp5"class="btn">view live</a><i class="fa fa-caret-right" aria-hidden="true"></i>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!--/ End Single Team -->
 
<!--/ End Single Team -->
</div>
+
                            </div>
</div>
+
                            </section>
                </div>
+
 
</div>
+
                            </div>
               
+
</div>
  </div>
+
                           
</section>
+
         <!--/ End HP -->
         <!--/ End single-pf -->
+
 +
 
 +
 
 +
 
 +
 
 +
 
 
 
 
 
 
</html>
 
</html>
 
{{SCUT_China/footer}}
 
{{SCUT_China/footer}}

Revision as of 02:42, 19 October 2019

Ruby - Responsive Corporate Tempalte

Our   in biological experiments is always important in biological studies. To keep laboratory activities safe is not only responsible for the project itself, but for the society and the nature. Therefore, we are obligated to formulate policies and procedures of risk assessment. Also, to implement basic principles of research and development as well as production safety, our team has carried out the safety risk assessment from July 15 to July 22 in 2019. Read the interview record in detail.