|
|
(5 intermediate revisions not shown) |
Line 1: |
Line 1: |
| + | {{:Team:NTNU_Trondheim/Test/Templates/Header}} |
| <html> | | <html> |
- | </p></div></div></div></div> | + | <div class="container main-container" style="margin-top:220px;"> |
- | <head>
| + | |
- | <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
| + | |
- | <link href="http://folk.ntnu.no/oyas/igem_new/css/styles.css" rel="stylesheet" type="text/css" />
| + | |
- | </head>
| + | |
| | | |
- | <head>
| |
- | <meta http-equiv="content-type" content="text/html; charset=UTF-8">
| |
- | <meta charset="utf-8">
| |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
- | <meta name="description" content="">
| |
- | <meta name="author" content="">
| |
| | | |
| + | <div class="row-fluid"> |
| | | |
- | <link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
| + | <div class="span9"> |
| + | |
| + | <!-- <div class="alert alert-success">--> |
| + | <!-- <button type="button" class="close" data-dismiss="alert">×</button>--> |
| + | <!-- <strong>Hi, there!</strong> Looking for a quick tour? Click me!--> |
| + | <!-- </div> --> |
| | | |
- | </head>
| + | <div id="myCarousel" class="carousel slide"> |
- | <body>
| + | <div class="carousel-inner"> |
- | | + | <div class="item active"> |
- | <div id="new-wrapper">
| + | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt=""> |
- | | + | <div class="carousel-caption"> |
- |
| + | <h4>First Thumbnail label</h4> |
- | | + | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> |
- | | + | </div> |
- | <div id="new-content">
| + | </div> |
- |
| + | <div class="item"> |
- |
| + | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt=""> |
- | <div id="content_main">
| + | <div class="carousel-caption"> |
- |
| + | <h4>Second Thumbnail label</h4> |
- | | + | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> |
- | <div class="news_box_container">
| + | </div> |
- |
| + | </div> |
- | | + | <div class="item"> |
- | | + | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt=""> |
- |
| + | <div class="carousel-caption"> |
- |
| + | <h4>Third Thumbnail label</h4> |
- | | + | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> |
- |
| + | </div> |
- | | + | </div> |
- | | + | </div> |
- | | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> |
- | | + | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> |
- | <script type="text/javascript">
| + | </div> |
- | var fixed_menu_hidden = true;
| + | <div class="row-fluid"> |
- | function dtbaker_scroll(){
| + | <ul class="thumbnails"> |
- | var scrollTop = $(window).scrollTop();
| + | <li class="span3"> |
- | if(scrollTop>80){
| + | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> |
- | if(fixed_menu_hidden){
| + | |
- | $('#fixednav').fadeIn();
| + | |
- | fixed_menu_hidden = false;
| + | |
- | }
| + | |
- | }else{
| + | |
- | $('#fixednav').fadeOut();
| + | |
- | fixed_menu_hidden = true;
| + | |
- | }
| + | |
- | }
| + | |
- | window.onscroll = dtbaker_scroll;
| + | |
- | $(function(){
| + | |
- | $('body').prepend('<div id="fixednav"><div></div></div>');
| + | |
- | $('#fixednav div').html($('#navigation ul').clone());
| + | |
- | });
| + | |
- | </script>
| + | |
- | | + | |
- |
| + | |
- | | + | |
- |
| + | |
- |
| + | |
- | | + | |
- |
| + | |
- | | + | |
- |
| + | |
- |
| + | |
- | </div>
| + | |
- | | + | |
- | </div>
| + | |
- | <div id="content_sidebar">
| + | |
- |
| + | |
- | | + | |
- | </div>
| + | |
- |
| + | |
- | <br class="clear">
| + | |
- |
| + | |
- | </div>
| + | |
- | | + | |
- | | + | |
- |
| + | |
- | <div id="header">
| + | |
- | <h4><a href="http://dtbaker.com.au">dtbaker.com.au - php scripts and wordpress themes</a></h4>
| + | |
- | <div id="header_slogan">
| + | |
- | /* <a href="http://codecanyon.net/user/dtbaker?ref=dtbaker" title="Quality PHP Scripts" style="color:#B4B4B4; text-decoration: none;">codecanyon</a> php programmer */
| + | |
- | </div>
| + | |
- | <div id="header_search">
| + | |
- | </div>
| + | |
- | <div id="header_links">
| + | |
- | <!-- <a href="http://www.facebook.com/pages/Gold-Coast-Australia/DTBaker-Web-Design/155280794508482" target="_blank">
| + | |
- | <img src="new/images/icon_facebook.png" width="32" height="32" alt="dtbaker on Facebook" title="dtbaker on Facebook" border="0">
| + | |
- | <span>David Baker, PHP Programmer on Facebook</span>
| + | |
- | </a> -->
| + | |
- | <a href="http://twitter.com/dtbaker" target="_blank">
| + | |
- | <img src="/new/images/icon_twitter.png" alt="dtbaker on Twitter" title="dtbaker on Twitter" height="32" width="32" border="0">
| + | |
- | <span>David Baker, Web Developer on Twitter</span>
| + | |
- | </a>
| + | |
- | <a href="/contact.html">
| + | |
- | <img src="/new/images/icon_email.png" alt="Contact dtbaker" title="Contact dtbaker" height="32" width="32" border="0">
| + | |
- | <span>Contact Website Designer by email</span>
| + | |
- | </a>
| + | |
- | <a rel="author" href="https://plus.google.com/117903403161141413513?rel=author">
| + | |
- | <img src="http://ssl.gstatic.com/images/icons/gplus-32.png" height="32" width="32">
| + | |
- | </a> | + | |
- | </div>
| + | |
- | </div> | + | |
- | <div id="navigation"> | + | |
- |
| + | |
- | <ul>
| + | |
- | <li class="first">
| + | |
- | <a href="/" title="Home Page">Home</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="http://support.dtbaker.com.au/" title="" rel="nofollow">Envato Support</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/about-us.html" title="About DTBAKER">About</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/random-bits/index.html" title="php blog" class="selected">Blog</a>
| + | |
- | </li>
| + | |
- | <!-- <li>
| + | |
- | <a href="/free-websites-and-php-scripts/index.html" title="Free Web Templates and PHP Scripts">Freebies</a>
| + | |
- | </li> -->
| + | |
- | <li>
| + | |
- | <a href="/premium-website-templates/index.html" title="Quality Wordpress Themes and Web Designs">Premium Wordpress Templates</a>
| + | |
- | </li>
| + | |
- | <li>
| + | |
- | <a href="/premium-php-applications/index.html" title="Professional PHP Applications and PHP Scripts">Premium PHP Scripts</a>
| + | |
- | </li>
| + | |
- | <li class="last">
| + | |
- | <a href="/contact.html" title="Contact Us">Contact</a>
| + | |
- | </li>
| + | |
- | </ul>
| + | |
- | </div> | + | |
- | <div id="navigation_ribbon"></div>
| + | |
- | | + | |
- | <div id="footer"> | + | |
- | <ul class="footer_col">
| + | |
- | <li class="footer_col">
| + | |
- | <h3>Latest Stuff</h3>
| + | |
- | <ul><li> <a href="/random-bits/find-php-exploits.html" title="Find PHP exploits">Find PHP exploits</a>
| + | |
- | <span class="small">2012-06-18</span>
| + | |
- | </li><li> <a href="/random-bits/export-plesk-backup-file-from-command-line.html" title="Export plesk backup file from command line">Export plesk backup file from command line</a>
| + | |
- | <span class="small">2012-06-18</span>
| + | |
- | </li><li> <a href="/random-bits/linux-ubuntu-on-dell.-install-via-usb-stick-and-lcd-monitor-blinks-green-red-blue-white-and-black.html" title="Linux/Ubuntu on Dell. Install via USB stick and LCD Monitor blinks Green, Red, Blue, White and Black">Linux/Ubuntu on Dell. Install via USB stick and LCD Monitor blinks Green, Red, Blue, White and Black</a>
| + | |
- | <span class="small">2012-05-11</span>
| + | |
- | </li><li> <a href="/random-bits/wordpress-previous_posts_link-and-next_posts_link-with-a-custom-query_posts-.html" title="WordPress: previous_posts_link() and next_posts_link() with a custom query_posts()">WordPress: previous_posts_link() and next_posts_link() with a custom query_posts()</a>
| + | |
- | <span class="small">2012-04-29</span>
| + | |
- | </li><li> <a href="/random-bits/-13-permission-denied--var-www-vhosts-site.com-httpdocs-.htaccess-pcfg_openfile-unable-to-check-htaccess-file-ensure-it-is-readable.html" title="(13)Permission denied: /var/www/vhosts/site.com/httpdocs/.htaccess pcfg_openfile: unable to check htaccess file, ensure it is readable">(13)Permission denied: /var/www/vhosts/site.com/httpdocs/.htaccess pcfg_openfile: unable to check htaccess file, ensure it is readable</a>
| + | |
- | <span class="small">2012-04-12</span>
| + | |
- | </li><li> <a href="/random-bits/selling-large-php-applications-via-codecanyon.html" title="Selling large PHP applications via CodeCanyon">Selling large PHP applications via CodeCanyon</a>
| + | |
- | <span class="small">2012-04-10</span>
| + | |
- | </li><li> <a href="/random-bits/virtualbox-ubuntu---no-webcam---usb.html" title="Virtualbox Ubuntu - no webcam / usb">Virtualbox Ubuntu - no webcam / usb</a>
| + | |
- | <span class="small">2012-03-28</span>
| + | |
- | </li><li> <a href="/random-bits/simple-c-program-to-execute-another-program.html" title="Simple C program to execute another program">Simple C program to execute another program</a>
| + | |
- | <span class="small">2012-03-14</span>
| + | |
- | </li></ul> </li>
| + | |
- | <li class="footer_col">
| + | |
- | <h3>Website Templates</h3>
| + | |
- | <ul><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=2283659&name=Download+the+Travel+Island+-+Responsive+e-Commerce+WordPress" title="website template" alt="cheap website template">Travel Island - Responsive e-Commerce WordPress</a> <span class="small">($55)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=1155240&name=Download+the+Mommy+Blog+-+Premium+WordPress+Jigoshop+Theme" title="website template" alt="cheap website template">Mommy Blog - Premium WordPress Jigoshop Theme</a> <span class="small">($55)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=992976&name=Download+the+Mommy+Blog+HTML+-+Including+Shop+%26+Blog+Layout+" title="website template" alt="cheap website template">Mommy Blog HTML - Including Shop & Blog Layout </a> <span class="small">($16)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=476282&name=Download+the+Jump+Eco+HTML+-+Slider+-+Single+product+shop" title="website template" alt="cheap website template">Jump Eco HTML - Slider - Single product shop</a> <span class="small">($9)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=237444&name=Download+the+Sport+and+Grunge+-+WordPress+Shop+%26+Newsletter" title="website template" alt="cheap website template">Sport and Grunge - WordPress Shop & Newsletter</a> <span class="small">($55)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=235261&name=Download+the+Cute+%26+Sweet+-+WordPress+Shop+%26+Newsletter" title="website template" alt="cheap website template">Cute & Sweet - WordPress Shop & Newsletter</a> <span class="small">($55)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=158011&name=Download+the+Child+Care+Creative+-+WordPress+Shop+%26+Newsletter" title="website template" alt="cheap website template">Child Care Creative - WordPress Shop & Newsletter</a> <span class="small">($55)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=154848&name=Download+the+Kids+Toys+-+WordPress+Shop+%26+Newsletter" title="website template" alt="cheap website template">Kids Toys - WordPress Shop & Newsletter</a> <span class="small">($55)</span></li><li><a href="http://dtbaker.com.au/premium-website-templates/index.html?item=154771&name=Download+the+Sport+and+Grunge+-+HTML+%2F+PSD" title="website template" alt="cheap website template">Sport and Grunge - HTML / PSD</a> <span class="small">($15)</span></li></ul> </li>
| + | |
- | <li class="footer_col"> | + | |
- | <h3>PHP Programs</h3>
| + | |
- | <ul><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2621629&name=Download+the+Ultimate+Client+Manager+-+Pro+Edition" title="download php script" alt="download this php script">Ultimate Client Manager - Pro Edition</a> <span class="small">($60)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2616958&name=Download+the+UCM+Plugin%3A+Project+Discussion+%2F+Customer+Comments" title="download php script" alt="download this php script">UCM Plugin: Project Discussion / Customer Comments</a> <span class="small">($6)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2613245&name=Download+the+UCM+Plugin%3A+Calendar+iCal+%2F+Google+Calendar+Export" title="download php script" alt="download this php script">UCM Plugin: Calendar iCal / Google Calendar Export</a> <span class="small">($2)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2597920&name=Download+the+UCM+Plugin%3A+Club+Membership+Subscription+Manager" title="download php script" alt="download this php script">UCM Plugin: Club Membership Subscription Manager</a> <span class="small">($4)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2597947&name=Download+the+UCM+Plugin%3A+Data+Encryption" title="download php script" alt="download this php script">UCM Plugin: Data Encryption</a> <span class="small">($8)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2565050&name=Download+the+UCM+Plugin%3A+Bulk+Email+Newsletter+System" title="download php script" alt="download this php script">UCM Plugin: Bulk Email Newsletter System</a> <span class="small">($12)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2142496&name=Download+the+UCM+Plugin%3A+Table+Sorting" title="download php script" alt="download this php script">UCM Plugin: Table Sorting</a> <span class="small">($3)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2124883&name=Download+the+UCM+Plugin%3A+Quick+Pin%2FBookmark" title="download php script" alt="download this php script">UCM Plugin: Quick Pin/Bookmark</a> <span class="small">($3)</span></li><li><a href="http://dtbaker.com.au/premium-php-applications/index.html?item=2078396&name=Download+the+Jigoshop+Product+Image+Watermark" title="download php script" alt="download this php script">Jigoshop Product Image Watermark</a> <span class="small">($13)</span></li></ul> </li> | + | |
- | <li class="footer_col footer_col_last">
| + | |
- | <h3><a target="_blank" href="http://twitter.com/dtbaker">Twitter</a></h3>
| + | |
- | <div id="webitorcms_tweets" class="twitters">
| + | |
- | | + | |
- | </div>
| + | |
- | <script src="/new/js/twitter.js" type="text/javascript" charset="utf-8"></script>
| + | |
- | <script type="text/javascript" charset="utf-8">
| + | |
- | getTwitters('webitorcms_tweets', {
| + | |
- | id: 'dtbaker',
| + | |
- | // prefix: '<img height="16" width="16" src="%profile_image_url%" /><a href="http://twitter.com/%screen_name%">%name%</a> said: ',
| + | |
- | clearContents: false, // leave the original message in place
| + | |
- | count: 3,
| + | |
- | withFriends: false,
| + | |
- | onTimeout: function () {
| + | |
- | this.innerHTML = 'Actually, Twitter is down right now, but you can <a href="http://twitter.com/dtbaker">follow me</a> if you like!';
| + | |
- | },
| + | |
- | onTimeoutCancel: true, // don't allow twitter to finsih the job
| + | |
- | ignoreReplies: true
| + | |
- | });
| + | |
- | | + | |
- | </script>
| + | |
- | </li>
| + | |
- | <li class="footer_col" style="display:none;">
| + | |
- | <h3>Contact</h3>
| + | |
- | <ul id="hcard-David-Baker" class="vcard">
| + | |
- | <li>
| + | |
- | <a class="url fn n" href="http://dtbaker.com.au">
| + | |
- | <span class="given-name">David</span> <span class="family-name">Baker</span>
| + | |
- | </a>
| + | |
| </li> | | </li> |
- | <li>
| + | <div class="span3"> |
- | <div class="adr">
| + | <h2><i class="icon-info-sign"></i> Project</h2> |
- | <span class="country-name">Australia</span>
| + | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> |
- | </div>
| + | <p><a class="btn" href="#">View details »</a></p> |
- | </li>
| + | </div> |
- | <li>
| + | <li class="span3"> |
- | Email/GTalk: dtbaker -at gmail .com | + | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> |
- | </li>
| + | </li> |
| + | <div class="span3"> |
| + | <h2><i class="icon-trophy"></i> Achievements</h2> |
| + | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> |
| + | <p><a class="btn" href="#">View details »</a></p> |
| + | </div> |
| + | </ul> |
| + | <ul class="thumbnails"> |
| + | <li class="span3"> |
| + | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> |
| + | </li> |
| + | <div class="span3"> |
| + | <h2><i class="icon-beaker"></i> Experiments</h2> |
| + | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> |
| + | <p><a class="btn" href="#">View details »</a></p> |
| + | </div> |
| + | <li class="span3"> |
| + | <a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a> |
| + | </li> |
| + | <div class="span3"> |
| + | <h2><i class="icon-heart"></i> Matchmaker</h2> |
| + | <p>We created a tool to make it easy for all iGEM teams to find other teams to collaborate with. </p> |
| + | <p><a class="btn" href="#">Read more »</a></p> |
| + | </div> |
| </ul> | | </ul> |
- | </li>
| |
- | </ul>
| |
- | <br class="clear">
| |
- | <div id="footer_links">
| |
- | © dtbaker
| |
- | <span>|</span>
| |
- | <a href="/sitemap.html">site map</a>
| |
- | <span>|</span>
| |
- | <a href="/contact.html">contact</a>
| |
- | <span>|</span>
| |
- | <a id="webitor" onclick="window.open('http://new.webitor.com.au/login/website/?s=dtbaker.com.au&p=/random-bits/stick-the-menu-to-the-top-of-the-page-on-scroll-down.html','webitor','fullscreen,scrollbars=1,resizable=1'); return false;" href="#">Webitor®</a>
| |
| </div> | | </div> |
- | </div> | + | </div> <!-- /span9 --> |
- | | + | |
- | | + | <div class="span3 well well-small visible-desktop" style="background-color: #ffffff;"> |
- |
| + | <p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>: |
- | | + | <div id="jamboreeCountdown"></div><br /><br /><br/> |
- | </div>
| + | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> |
- | | + | <script>new TWTR.Widget({version:2,type:'profile',rpp:4,interval:30000,width:250,height:300,theme:{shell:{background:'#222',color:'#ffffff'},tweets:{background:'#555',color:'#ffffff',links:'#53db50'}},features:{scrollbar:false,loop:false,live:false,behavior:'all'}}).render().setUser('iGEM_NTNU').start(); |
- | | + | </script><br/> |
- | <script type="text/javascript">
| + | <div style="" class="fb-like-box" data-href="http://www.facebook.com/ntnuigem" data-width="250" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div> |
- | var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
| + | </div> <!-- /span3 --> |
- | document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
| + | |
- | </script>
| + | |
- | <script type="text/javascript">
| + | |
- | var pageTracker = _gat._getTracker("UA-319038-1");
| + | |
- | pageTracker._initData();
| + | |
- | pageTracker._trackPageview();
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | </body> | + | |
| </html> | | </html> |
| + | {{:Team:NTNU_Trondheim/Test/Templates/Footer}} |