Difference between revisions of "Team:NTHU Formosa/test02"

 
Line 73: Line 73:
 
     /* Defining each section background and styles
 
     /* Defining each section background and styles
 
* --------------------------------------- */
 
* --------------------------------------- */
 +
 +
 +
 +
 +
 +
  
 
     #section0 {
 
     #section0 {
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Mainpage&action=raw&ctype=text/css">
 +
 +
 +
<!DOCTYPE html>
 +
<html lang="en" >
 +
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <title>mainpage01</title>
 +
 
 +
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css">
 +
 +
 
 +
      <link rel="stylesheet" href="css/style.css">
 +
 +
 
 +
</head>
 +
 +
<body>
 +
 +
  <div class="side-bar">
 +
    <div class="side-container top">
 +
        <svg viewbox="0 0 120 120" class="hover-svg">
 +
            <path D="M 60 25 L 20 95 L 100 95 Z"/>
 +
            <path D="M 36 67 L 53 95"/>
 +
            <path D="M 33 72 L 47 95"/>
 +
            <path D="M 30 78 L 41 95"/>
 +
            <path D="M 27 83 L 35 95"/>
 +
        </svg>
 +
    </div>
 +
    <div class="side-container middle">
 +
        <div class="rela-block side-button facebook"></div>
 +
        <div class="rela-block side-button twitter"></div>
 +
        <div class="rela-block side-button instagram"></div>
 +
        <div class="rela-block side-button soundcloud"></div>
 +
        <div class="rela-block side-button linked-in"></div>
 +
        <div class="rela-block side-button pinterest"></div>
 +
    </div>
 +
</div>
 +
<div class="plus-button"></div>
 +
<div class="social-button twitter-button"></div>
 +
<div class="social-button facebook-button"></div>
 +
<div class="social-button pinterest-button"></div>
 +
<div class="social-button insta-button"></div>
 +
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 +
 +
 
 +
 +
    <script  src="js/index.js"></script>
 +
 +
 +
 +
 +
</body>
 +
 +
</html>
 +
 +
 +
 +
<script>
 +
$(document).ready(function(){
 +
   
 +
    // Social plus button function
 +
    $('.plus-button').click(function(){
 +
        $(this).toggleClass('open');
 +
        $('.social-button').toggleClass('active');
 +
    });
 +
   
 +
});
 +
 +
</script>
 +
 +
 
       background-image: url(https://static.igem.org/mediawiki/2018/e/e1/T--NTHU_Formosa--home1.png);
 
       background-image: url(https://static.igem.org/mediawiki/2018/e/e1/T--NTHU_Formosa--home1.png);
 
       /* padding: 6% 0 0 0; */
 
       /* padding: 6% 0 0 0; */
 
     }
 
     }
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
 
     #section1 {
 
     #section1 {

Latest revision as of 03:22, 8 October 2018