Team:UCLA/samantha michaels ucla2014 workspace

From 2014.igem.org

(Difference between revisions)
Line 88: Line 88:
</nav><br>
</nav><br>
-
<!--SLIDING SIDE BAR-->
+
<!--SIDEBAR NAV-->
-
<div id="wrapper">
+
<div id="side_menu">
 +
<h3>1</h3>
 +
<h3>2</h3>
 +
<h3>3</h3>
 +
<h3>4</h3>
 +
<h3>5</h3>
 +
<h3>6</h3>
 +
</div>
 +
 
-
        <!-- Sidebar -->
+
<!-- Spider click to top button -->
-
        <div id="sidebar-wrapper">
+
    <img class= "spiderbutton" src= "https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png">
-
            <nav id="spy">
+
    <img class= "spiderline" src= "https://static.igem.org/mediawiki/2014/6/66/Line2.png">
-
                <ul class="sidebar-nav nav">
+
    <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png">
-
                    <li>
+
-
                        <a href="#home"><span class="fa fa-home solo">Home</span></a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch1" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 1</span>
+
-
                        </a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch2" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 2</span>
+
-
                        </a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch3" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 3</span>
+
-
                        </a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch4" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 4</span>
+
-
                        </a>
+
-
                    </li>
+
-
                </ul>
+
-
            </nav>
+
-
        </div>
+
-
        <!-- Page content -->
 
-
        <div id="page-content-wrapper">
 
-
            <div class="content-header">
 
-
              <p class="style">
 
-
                  <a id="menu-toggle" style="left:15px; top:15px;" href="#" class="glyphicon glyphicon-hand-left btn-menu toggle">
 
-
                  </a>
 
-
            <img style="margin-top:15px;" src="http://www.abundance-and-happiness.com/images/my-internet-business-start-tour-button.jpg"></p>
 
-
            </div>
 
-
            <div class="page-content inset" data-spy="scroll" data-target="#spy">
 
<!-- TITLE BANNER-->
<!-- TITLE BANNER-->
Line 218: Line 191:
</div>
</div>
</div>
</div>
-
</div>
 
-
 
-
<!--SPIDER-->
 
-
<div id="follower"><img src="http://thumb9.shutterstock.com/photos/thumb_large/1261084/122218012.jpg"></div>
 
-
 
-
<!-- BACK-TO-TOP BUTTON -->
 
-
<div class="scroll-top-wrapper ">
 
-
  <span class="scroll-top-inner">
 
-
<i class="fa fa-2x fa-chevron-circle-up"></i>
 
-
  </span>
 
-
</div>
 
-
       
 
-
 
</div>
</div>
</div>
</div>

Revision as of 21:58, 15 September 2014

iGEM UCLA


1

2

3

4

5

6