Difference between revisions of "Team:NUS Singapore-A/shadow/Notebook"

Line 5: Line 5:
 
         <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Lora:400,400i" rel="stylesheet">
 +
        <link rel="stylesheet" href="/w3css/4/w3.css">
 
     </head>
 
     </head>
  
Line 228: Line 229:
 
     min-height: 400px;
 
     min-height: 400px;
 
}
 
}
 +
 +
 +
#sidenav a {font-family:"Segoe UI",Arial,sans-serif;text-decoration:none;display:block;padding:2px 1px 1px 16px}
 +
#sidenav a:hover,#sidenav a:focus {color:#000000;background-color:#cccccc;}
 +
#sidenav a.active {background-color:#4CAF50;color:#ffffff}
 +
#leftmenuinner {
 +
position:fixed;
 +
top:0;
 +
padding-top:112px;
 +
padding-bottom:0;   
 +
height:100%;
 +
width:220px;
 +
background-color:transparent;
 +
}
 +
#leftmenuinnerinner {
 +
height:100%;
 +
width:100%;
 +
overflow-y:scroll;
 +
overflow-x:hidden;
 +
padding-top:20px;
 +
}
 +
 
      
 
      
 
     /***************************************************CSS ENDS HERE**********************************************************/
 
     /***************************************************CSS ENDS HERE**********************************************************/
Line 241: Line 264:
 
<hr>
 
<hr>
  
 +
<div class='w3-sidebar w3-collapse' id='sidenav'>
 +
  <div id='leftmenuinner'>
 +
    <div class='w3-light-grey' id='leftmenuinnerinner'>
 +
      <a href='javascript:void(0)' onclick='close_menu()' class='w3-button w3-hide-large w3-large w3-display-topright' style='right:16px;padding:3px 12px;font-weight:bold;'>&times;</a>
 +
<h2 class="left"><span class="left_h2">HTML5</span> Tutorial</h2>
 +
<a target="_top" href="default.asp">HTML HOME</a>
 +
<a target="_top" href="html_intro.asp">HTML Introduction</a>
 +
<a target="_top" href="html_editors.asp">HTML Editors</a>
 +
<a target="_top" href="html_basic.asp">HTML Basic</a>
 +
<a target="_top" href="html_elements.asp">HTML Elements</a>
 +
<a target="_top" href="html_attributes.asp">HTML Attributes</a>
 +
<a target="_top" href="html_headings.asp">HTML Headings</a>
 +
<a target="_top" href="html_paragraphs.asp">HTML Paragraphs</a>
 +
<a target="_top" href="html_styles.asp">HTML Styles</a>
 +
<a target="_top" href="html_formatting.asp">HTML Formatting</a>
 +
<a target="_top" href="html_quotation_elements.asp">HTML Quotations</a>
 +
<a target="_top" href="html_comments.asp">HTML Comments</a>
 +
<a target="_top" href="html_colors.asp">HTML Colors</a>
 +
<a target="_top" href="html_css.asp">HTML CSS</a>
 +
<a target="_top" href="html_links.asp">HTML Links</a>
 +
<a target="_top" href="html_images.asp">HTML Images</a>
 +
<a target="_top" href="html_tables.asp">HTML Tables</a>
 +
<a target="_top" href="html_lists.asp">HTML Lists</a>
 +
<a target="_top" href="html_blocks.asp">HTML Blocks</a>
 +
<a target="_top" href="html_classes.asp">HTML Classes</a>
 +
<a target="_top" href="html_id.asp">HTML Id</a>
 +
<a target="_top" href="html_iframe.asp">HTML Iframes</a>
 +
<a target="_top" href="html_scripts.asp">HTML JavaScript</a>
 +
<a target="_top" href="html_filepaths.asp">HTML File Paths</a>
 +
<a target="_top" href="html_head.asp">HTML Head</a>
 +
<a target="_top" href="html_layout.asp">HTML Layout</a>
 +
<a target="_top" href="html_responsive.asp">HTML Responsive</a>
 +
<a target="_top" href="html_computercode_elements.asp">HTML Computercode</a>
 +
<a target="_top" href="html_entities.asp">HTML Entities</a>
 +
<a target="_top" href="html_symbols.asp">HTML Symbols</a>
 +
<a target="_top" href="html_charset.asp">HTML Charset</a>
 +
<a target="_top" href="html_urlencode.asp">HTML URL Encode</a>
 +
<a target="_top" href="html_xhtml.asp">HTML XHTML</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML</span> Forms</h2>
 +
<a target="_top" href="html_forms.asp">HTML Forms</a>
 +
<a target="_top" href="html_form_elements.asp">HTML Form Elements</a>
 +
<a target="_top" href="html_form_input_types.asp">HTML Input Types</a>
 +
<a target="_top" href="html_form_attributes.asp">HTML Input Attributes</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML5</span></h2>
 +
<a target="_top" href="html5_intro.asp">HTML5 Intro</a>
 +
<a target="_top" href="html5_browsers.asp">HTML5 Support</a>
 +
<a target="_top" href="html5_new_elements.asp">HTML5 New Elements</a>
 +
<a target="_top" href="html5_semantic_elements.asp">HTML5 Semantics</a>
 +
<a target="_top" href="html5_migration.asp">HTML5 Migration</a>
 +
<a target="_top" href="html5_syntax.asp">HTML5 Style Guide</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML</span> Graphics</h2>
 +
<a target="_top" href="html5_canvas.asp">HTML Canvas</a>
 +
<a target="_top" href="html5_svg.asp">HTML SVG</a>
 +
<a target="_top" href="html_googlemaps.asp">HTML Google Maps</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML</span> Media</h2>
 +
<a target="_top" href="html_media.asp">HTML Media</a>
 +
<a target="_top" href="html5_video.asp">HTML Video</a>
 +
<a target="_top" href="html5_audio.asp">HTML Audio</a>
 +
<a target="_top" href="html_object.asp">HTML Plug-ins</a>
 +
<a target="_top" href="html_youtube.asp">HTML YouTube</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML</span> APIs</h2>
 +
<a target="_top" href="html5_geolocation.asp">HTML Geolocation</a>
 +
<a target="_top" href="html5_draganddrop.asp">HTML Drag/Drop</a>
 +
<a target="_top" href="html5_webstorage.asp">HTML Web Storage</a>
 +
<a target="_top" href="html5_webworkers.asp">HTML Web Workers</a>
 +
<a target="_top" href="html5_serversentevents.asp">HTML SSE</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML</span> Examples</h2>
 +
<a target="_top" href="html_examples.asp">HTML Examples</a>
 +
<a target="_top" href="html_quiz.asp">HTML Quiz</a>
 +
<a target="_top" href="html_exercises.asp">HTML Exercises</a>
 +
<a target="_top" href="html_exam.asp">HTML Certificate</a>
 +
<a target="_top" href="html_summary.asp">HTML Summary</a>
 +
<a target="_top" href="html_accessibility.asp">HTML Accessibility</a>
 +
<br>
 +
<h2 class="left"><span class="left_h2">HTML</span> References</h2>
 +
<a target="_top" href="/tags/default.asp">HTML Tag List</a>
 +
<a target="_top" href="/tags/ref_standardattributes.asp">HTML Attributes</a>
 +
<a target="_top" href="/tags/ref_eventattributes.asp">HTML Events</a>
 +
<a target="_top" href="/tags/ref_colornames.asp">HTML Colors</a>
 +
<a target="_top" href="/tags/ref_canvas.asp">HTML Canvas</a>
 +
<a target="_top" href="/tags/ref_av_dom.asp">HTML Audio/Video</a>
 +
<a target="_top" href="/tags/ref_html_dtd.asp">HTML Doctypes</a>
 +
<a target="_top" href="/tags/ref_charactersets.asp">HTML Character Sets</a>
 +
<a target="_top" href="/tags/ref_urlencode.asp">HTML URL Encode</a>
 +
<a target="_top" href="/tags/ref_language_codes.asp">HTML Lang Codes</a>
 +
<a target="_top" href="/tags/ref_httpmessages.asp">HTTP Messages</a>
 +
<a target="_top" href="/tags/ref_httpmethods.asp">HTTP Methods</a>
 +
<a target="_top" href="/tags/ref_pxtoemconversion.asp">PX to EM Converter</a>
 +
<a target="_top" href="/tags/ref_keyboardshortcuts.asp">Keyboard Shortcuts</a>
 +
      <br><br>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
<hr>
 
<map name="workmap">
 
<map name="workmap">
 
     <area shape="rect" coords="90,10,200,130" alt="Protocols" class="tablinks" onclick="openCity(event, 'Protocols')">
 
     <area shape="rect" coords="90,10,200,130" alt="Protocols" class="tablinks" onclick="openCity(event, 'Protocols')">

Revision as of 00:45, 30 July 2018

CONNECT WITH US

Notebook heading

Click on different notebooks to see our records.

Protocols June July July July July

Protocol 1

Add your protocols here.

Protocol 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Protocol 3

Protocol 4

Protocol 5

Protocol 6

Protocol 7

June

We had fun!!!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

July

NUSGEM GO GO GO GO!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

August

NUSGEM GO GO GO GO!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

September

NUSGEM GO GO GO GO!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

October

NUSGEM GO GO GO GO!

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



HEAR OUR STORY

We’re using synthetic biology to change the way the world thinks and functions.

We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.

Together we’re going to engineer biology and create something awesome.

CONTACT US

nusigem@gmail.com

21 Lower Kent Ridge Rd, Singapore 119077