-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 16.6 KB
/
index.html
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <title>Jan-Helge Hansen - Fredrikstad, Norway</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/> <meta property="og:title" content="Jan-Helge Hansen - Fredrikstad, Norway"/> <meta property="og:image" content="images/jhh_fb_og.jpg"/> <meta property="og:site_name" content="Jan-Helge Hansen"/> <meta property="og:url" content="https://jan-helge.com"/> <meta name="description" property="og:description" content="All you need to know about Jan-Helge in one small, cozy place."/> <link rel="shortcut icon" href="/favicon.ico"> <style>#contact,#logo,#profile,#resume,.personal-info li,.skills,div.top{overflow:hidden}a,body,div,form,h1,h2,h3,h4,h5,html,img,input,label,li,p,span,textarea,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-decoration:none}body{line-height:1}ul{list-style:none}a{color:inherit}@media only screen and (min-width:480px) and (max-width:767px){#container{width:470px}.about,.personal-info,.skills-section{width:420px}#logo h2{font-size:25px;font-weight:900;color:#444;line-height:30px}#logo h4{color:#666;line-height:15px}.socialicons{margin-top:9px}.about{display:block}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{margin-top:0;display:block;background:0 0;border-top:1px solid #fdc62a}.tabs{padding-left:5px}.timeline-section{width:420px;padding-right:60px}.skills li h4{width:260px}.contact-info{width:420px}.contact-form{margin-top:20px;width:420px}}@media only screen and (max-width:479px){.about h1,.about h3,.about p{text-align:center}#container{width:300px;margin-top:10px}#logo h2{font-size:25px;font-weight:900;color:#444;line-height:30px}#logo h4{color:#666;line-height:15px}div.top{height:50px;margin-bottom:5px}.about{width:280px;display:block;margin:10px 0 15px 10px}.about .photo-inner{margin-left:40px;background:url(../images/photo-inner.png) no-repeat;width:192px;height:212px;padding:12px 0 0 20px}.personal-info,.tabs{padding-left:0}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{margin-top:0;display:block;width:280px;background:0 0;border-top:1px solid #fdc62a;margin-left:10px;min-height:220px}.personal-info li{font-size:13px}.tabs li>a{width:75px;font-size:14px}#resume{padding:10px}.timeline-section{width:280px;padding-right:60px}.skills-section{width:280px}.skills li h4{width:120px}.contact-info{width:280px}.contact-form{margin-top:20px;width:280px}.contact-form,.contact-info{padding:0 10px}}body{background-image:url(../images/bg3.png);background-color:#e8e8e8;margin:0;padding:0;font-family:'Open Sans',Arial;font-size:12px}#container{margin:30px auto 20px;width:860px}#content{background-color:#FFF;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.27),0 0 40px rgba(0,0,0,.06) inset;-moz-box-shadow:0 1px 6px rgba(0,0,0,.27),0 0 40px rgba(0,0,0,.06) inset;box-shadow:0 1px 6px rgba(0,0,0,.27),0 0 40px rgba(0,0,0,.06) inset}.clear{clear:both}h1{font-size:37px}h2{font-size:30px}h3{font-size:20px}h4{font-size:15px}h5{font-size:13px}h3.main-heading{background-image:url(../images/plus.png);background-repeat:no-repeat;background-position:left 2px;margin:15px 2px}h3.main-heading span{border-bottom:1px solid #999;padding-bottom:7px;color:#333;line-height:16px;margin-left:28px;display:block}#logo,.no-js #contact,.no-js #resume{display:none}div.top{height:60px;margin-bottom:20px}.social-facebook,.social-googleplus,.social-in,.social-twitter{width:30px;height:30px}#logo{float:left;margin-left:10px}#logo h2{font-size:30px;font-weight:900;color:#444;line-height:40px}#logo h4{color:#666;line-height:20px}.socialicons{float:right;margin-top:18px}.socialicons li{float:left;display:inline;margin:0 2px 0 0;padding:0}.social-facebook{float:left;background:url(../images/social_facebook.png) 5px 5px no-repeat #222}.social-twitter{float:left;background:url(../images/social_twitter.png) 5px 5px no-repeat #222}.social-googleplus{float:left;background:url(../images/social_googleplus.png) 4px 3px no-repeat #222}.social-in{float:left;background:url(../images/social_in.png) 4px 3px no-repeat #222}#profile{background:url(../images/header-bg.png) repeat-x #fdd42f;background-position:center bottom,left top}.about{float:left;margin-top:30px;width:490px;margin-left:20px}.about .photo-inner{float:left;background:url(../images/photo-inner.png) no-repeat;width:192px;height:212px;padding:12px 0 0 20px}.about .photo-inner img{background-color:#FFF}.about h1{font-weight:900;color:#FFF;line-height:40px;margin-top:8px}.about h3{margin-top:5px;font-size:18px;color:#FFF;line-height:18px}.about p{font-size:14px;margin-top:15px;color:#bc9010;line-height:20px}.personal-info{float:left;margin-top:30px;width:310px;min-height:230px;margin-left:10px;background:url(../images/personal-info-sep.png) left top no-repeat;padding:20px 0 0 20px}.personal-info li{font-size:14px;margin-bottom:10px}.personal-info li label{color:#a87f09;background-color:#f4c024;float:left;padding:4px 7px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}.personal-info li span{float:right;width:170px;color:#a87f09;margin-top:4px}.skills-section,.tabs li,.timeline-section{float:left}.menu{height:100px;background-color:#ededed;position:relative}.tabs{height:116px;position:absolute;margin-top:-14px;padding-left:130px;z-index:100}.tabs li{height:116px}.tabs li>a{padding-top:80px;width:115px;height:35px;display:block;background-repeat:no-repeat;font-size:16px;color:#b9b9b9;text-align:center}.tabs li .tab-profile{background-image:url(../images/profile-icon.png);background-position:center 40px}.tabs li .tab-resume{background-image:url(../images/resume-icon.png);background-position:center 30px}.tabs li .tab-contact{background-image:url(../images/contact-icon.png);background-position:center 41px}#resume{padding:20px;display:none}.timeline-section{width:460px;padding-right:60px}.timeline{padding-top:10px}.timeline li{margin-bottom:20px}#contactform p,.skills li{margin-bottom:15px}.timeline li .timelineUnit{line-height:17px;margin-left:11px;color:#444;font-size:13px;border-left:1px solid #fadc66;padding-left:15px}.timeline li .timelineUnit .timelineDate{line-height:17px;color:#f4c024;font-size:14px;margin-left:10px;font-weight:400;padding:2px 6px;float:right}.timeline li .timelineUnit h4{line-height:24px;font-size:15px;color:#444}.timeline li .timelineUnit h5{line-height:18px;font-size:13px;color:#999}.timeline li .timelineUnit p{color:#666;font-size:12px;margin-top:5px}.skills-section{width:300px}.skills{margin-top:25px;height:100%}.skills li{float:left;padding-left:30px}.skills li h4{width:140px;float:left;font-size:15px;color:#444}.skills li .rat1,.skills li .rat2,.skills li .rat6,.skills li .rat7{width:123px;height:14px;float:left}.skills li .rat1{background:url(../images/rats.png) 0 -14px no-repeat}.skills li .rat2{background:url(../images/rats.png) 0 -28px no-repeat}.skills li .rat6{background:url(../images/rats.png) 0 -84px no-repeat}.skills li .rat7{background:url(../images/rats.png) 0 -98px no-repeat}#contact{padding:30px 0}.contact-form,.contact-info{float:left;padding:0 20px}.contact-info{width:250px}.contact-form{width:530px}.contact-info ul{float:left;margin-left:11px;border-left:1px solid #fadc66;padding-left:18px}.contact-info ul li{font-size:13px;line-height:20px;color:#666;overflow:hidden}#contactform{padding-left:30px}#contactform p label{display:block;color:#999;margin-bottom:8px;font-size:13px}#contactform .input{line-height:20px;height:20px;width:60%}#contactform .textarea{width:95%}#contactform .submit{color:#fff;background-color:#666;padding:8px;border:0;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:13px}#contactform .input,.textarea{padding:6px;background-color:#f5f5f5;border:1px solid #CCC;color:#999;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:13px}#map{height:300px;margin-bottom:25px;width:100%;border-bottom:1px solid #CCC;border-top:1px solid #CCC}@media only screen and (min-width:768px) and (max-width:959px){#container{width:750px}.about{width:410px}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{width:280px;margin-right:10px}.timeline-section{width:380px;padding-right:30px}.skills-section{width:300px}.contact-info{width:250px}.contact-form{width:420px}}@media only screen and (min-width:480px) and (max-width:767px){#container{width:470px}.about,.personal-info,.skills-section{width:420px}#logo h2{font-size:25px;font-weight:900;color:#444;line-height:30px}#logo h4{color:#666;line-height:15px}.socialicons{margin-top:9px}.about{display:block}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{margin-top:0;display:block;background:0;border-top:1px solid #fdc62a}.tabs{padding-left:5px}.timeline-section{width:420px;padding-right:60px}.skills li h4{width:260px}.contact-info{width:420px}.contact-form{margin-top:20px;width:420px}}@media only screen and (max-width:479px){.about h1,.about h3,.about p{text-align:center}#container{width:300px;margin-top:10px}#logo h2{font-size:25px;font-weight:900;color:#444;line-height:30px}#logo h4{color:#666;line-height:15px}div.top{height:50px;margin-bottom:5px}.about{width:280px;display:block;margin:10px 0 15px 10px}.about .photo-inner{margin-left:40px;background:url(../images/photo-inner.png) no-repeat;width:192px;height:212px;padding:12px 0 0 20px}.personal-info,.tabs{padding-left:0}.about h1{line-height:38px;font-size:30px}.about h3{font-size:14px;line-height:14px}.personal-info{margin-top:0;display:block;width:280px;background:0;border-top:1px solid #fdc62a;margin-left:10px;min-height:220px}.personal-info li{font-size:13px}.tabs li>a{width:75px;font-size:14px}#resume{padding:10px}.timeline-section{width:280px;padding-right:60px}.skills-section{width:280px}.skills li h4{width:120px}.contact-info{width:280px}.contact-form{margin-top:20px;width:280px}.contact-form,.contact-info{padding:0 10px}}</style> <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','cached_assets/www.google-analytics.com--analytics.js','ga'); ga('create', 'UA-33731177-1', 'auto'); ga('require', 'displayfeatures'); ga('send', 'pageview'); </script> <script>(function(){var _fbq=window._fbq || (window._fbq=[]); if (!_fbq.loaded){var fbds=document.createElement('script'); fbds.async=true; fbds.src='cached_assets/connect.facebook.net--en_US--fbds.js'; var s=document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(fbds, s); _fbq.loaded=true;}})(); window._fbq=window._fbq || []; window._fbq.push(['track', '6033686555068',{'value':'0.00','currency':'USD'}]); </script> <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6033686555068&cd[value]=0.00&cd[currency]=USD&noscript=1"/></noscript> </head> <body class="no-js"> <div id="container"> <div class="top"> <div id="logo"> <h2>Jan-Helge Hansen</h2> <h4>Project Coordinator</h4> </div><ul class="socialicons"> <li><a href="https://www.facebook.com/jan.helge.hansen" class="social-facebook"></a></li><li><a href="https://plus.google.com/+JanHelgeHansen" class="social-googleplus"></a></li><li><a href="https://www.linkedin.com/in/janhelgehansen" class="social-in"></a></li><li><a href="https://twitter.com/janhelgehansen" class="social-twitter"></a></li></ul> </div><div id="content" > <div id="profile"> <div class="about"> <div class="photo-inner"><img src="images/jhh.jpg" height="186" width="153" alt="Profile Photo"/></div><h1>Jan-Helge Hansen</h1> <h3>Project Coordinator</h3> <p>I work at <a href="https://www.frontkom.no">Frontkom</a> in Fredrikstad, Norway.</p></div><ul class="personal-info"><li><label>Name</label><span>Jan-Helge Hansen</span></li><li><label>Year of birth</label><span>1980</span></li><li><label>Address</label><span>Prestelandet 2<br/>1632 Gamle Fredrikstad<br/>Norway</span></li><li><label>Email</label><span>jhhansen [at] gmail.com</span></li><li><label>Phone</label><span>+47 419 21 499</span></li><li><label>Website</label><span>jan-helge.com</span></li></ul> </div><div class="menu"> <ul class="tabs"> <li><a href="#profile" class="tab-profile">Profile</a></li><li><a href="#resume" class="tab-resume">Resume</a></li><li><a href="#contact" class="tab-contact">Contact</a></li></ul> </div><div id="resume"> <div class="timeline-section"> <h3 class="main-heading"><span>Employment</span></h3> <ul class="timeline"> <li> <div class="timelineUnit"> <h4>Project Coordinator<span class="timelineDate">2012 - Present</span></h4> <h5>Frontkom</h5> </div></li><li> <div class="timelineUnit"> <h4>Consultant<span class="timelineDate">2008 - 2010</span></h4> <h5>Transcom Norge AS</h5> <p>Responsible for coordinating the efforts of technical and financial departments to efficiently solve complex customer cases within the areas of ADSL and Broadband Phone delivered by Tele2 Norway.</p></div></li><li> <div class="timelineUnit"> <h4>Support<span class="timelineDate">2006 - 2008</span></h4> <h5>Transcom Norge AS</h5> <p>Tele2 ADSL 1st line Support and Tele2 3rd line Support.</p></div></li><li> <div class="timelineUnit"> <h4>IT Consultant<span class="timelineDate">2002 - 2003</span></h4> <h5>Sykehuset Østfold</h5> <p>Non-military conscription served at the IT department.</p></div></li><li> <div class="clear"></div></li></ul> <h3 class="main-heading"><span>Education</span></h3> <ul class="timeline"> <li> <div class="timelineUnit"> <h4>Bachelor IT, Network Management<span class="timelineDate">2003 - 2006</span></h4> <h5>Høgskolen i Østfold</h5> </div></li><li> <div class="timelineUnit"> <h4>Webdesign<span class="timelineDate">2001</span></h4> <h5>IT-akademiet</h5> </div></li><li> <div class="timelineUnit"> <h4>Upper Secondary School<span class="timelineDate">1996 - 1999</span></h4> <h5>Frederik II</h5> </div></li><li> <div class="clear"></div></li></ul> </div><div class="skills-section"> <h3 class="main-heading"><span>Languages</span></h3> <ul class="skills"> <li> <h4>Norwegian</h4> <span class="rat7"></span> </li><li> <h4>English</h4> <span class="rat6"></span> </li><li> <h4>German</h4> <span class="rat2"></span> </li><li> <h4>Portuguese</h4> <span class="rat2"></span> </li><li> <h4>Spanish</h4> <span class="rat1"></span> </li></ul> <h3 class="main-heading"><span>Hobbies</span></h3> <ul class="skills"> <li> <h4>Photography</h4> </li><li> <h4>Football</h4> </li><li> <h4>Floorball</h4> </li><li> <h4>Cooking</h4> </li></ul> </div></div><div id="contact"> <div id="map"></div><div class="contact-info"> <h3 class="main-heading"><span>Contact info</span></h3> <ul> <li>Prestelandet 2<br/>1632 Gamle Fredrikstad<br/>Norway<br/><br/></li><li>Email: jhhansen [at] gmail.com</li><li>Phone: +47 419 21 499</li><li>Website: jan-helge.com</li></ul> </div><div class="contact-form"> <h3 class="main-heading"><span>Wanna get in touch?</span></h3> <div id="contact-status"></div><form action="" id="contactform"> <p> <label for="name">Your Name</label> <input type="text" name="name" class="input"/> </p><p> <label for="email">Your Email</label> <input type="text" name="email" class="input"/> </p><p> <label for="message">Your Message</label> <textarea name="message" cols="88" rows="6" class="textarea" ></textarea> </p><p> <input type="submit" name="submit" value="Send your message" class="submit"/> </p></form> </div></div></div></div><link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style_min.css"/> <link rel="stylesheet" type="text/css" href="css/fancybox.css"/> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic|PT+Serif:400,400italic"/> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easytabs.min.js"></script> <script type="text/javascript" src="js/respond.min.js"></script> <script type="text/javascript" src="js/jquery.easytabs.min.js"></script> <script type="text/javascript" src="js/jquery.adipoli.min.js"></script> <script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script> <script type="text/javascript" src="js/jquery.isotope.min.js"></script> <script type="text/javascript" src="cached_assets/maps.google.com--maps--api--js.js"></script> <script type="text/javascript" src="js/jquery.gmap.min.js"></script> <script type="text/javascript" src="js/custom_min.js"></script> </body></html>