<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Anders Åkesson | Web | PHP | HTML | CSS | C++ | Java | Skeleton</title>
	<meta name="description" content="web programming software engineering computer science">
	<meta name="author" content="Anders Akesson">
	
	       <!--Shar this scripts-->
    <script type="text/javascript">var switchTo5x=true;</script>
    <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
    <script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	  <!--Standard bootstrap CSS
   ================================================== -->
	<link href="../css/bootstrap.css" rel="stylesheet">
	<link href="../css/style.css" rel="stylesheet">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/layout.css">
	

	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="../favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>



	<!-- Primary Page Layout
	================================================== -->
	

	<div class="container">
	 <div class="navbar">
        <div class="container">
         
          <a class="brand" href="http://andyweb.info">Anders Åkesson</a>
          <div class="nav-collapse collapse">
            <ul class="nav">
              <li><a href="http://andyweb.info">Home</a></li>
               <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Projects <b class="caret"></b></a>
             <ul class="dropdown-menu">
               <li><a href="../baseline.0.5.3/example/index.php">Baseline Installation</a></li>
              <!--<li><a href="phpmvc/fuelphp-1.5.3/public/">FuelPHP Installation</a></li>-->
              <li><a href="#">Skeleton Installation</a></li>
              <li><a href="../codester/index.php">Codester Installation</a></li>
              <li><a href="../Wee/index.php">Wee Installation</a></li>
              <li><a href="../PersistantHeaders/">Persistant Headers</a></li>
             </ul>
           </li>
        </ul>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>
		<div class="sixteen columns">
			<h1 class="remove-bottom" style="margin-top: 40px">Skeleton Site made by Anders Åkesson</h1>
			<h4>Head back to <a href='http://andyweb.info'>andyweb.info</a></h4>
			<h5>Version 1.2</h5>
			<hr />
		</div>
		<div class="one-third column">
			<h3>About Skeleton?</h3>
			<p>Skeleton is a small collection of well-organized CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
		</div>
		<div class="one-third column">
			<h3>Three Core Principles</h3>
			<p>Skeleton is built on three core principles:</p>
			<ul class="square">
				<li><strong>A Responsive Grid Down To Mobile</strong>: Elegant scaling from a browser to tablets to mobile.</li>
				<li><strong>Fast to Start</strong>: It's a tool for rapid development with best practices</li>
				<li><strong>Style Agnostic</strong>: It provides the most basic, beautiful styles, but is meant to be overwritten.</li>
			</ul>
		</div>
		<div class="one-third column">
		<h3>Docs &amp; Support</h3>
		<p>The easiest way to really get started with Skeleton is to check out the full docs and info at <a href="http://www.getskeleton.com">www.getskeleton.com.</a>. Skeleton is also open-source and has a <a href="https://github.com/dhgamache/skeleton">project on git</a>, so check that out if you want to report bugs or create a pull request. If you have any questions, thoughts, concerns or feedback, please don't hesitate to email me at <a href="mailto:hi@getskeleton.com">hi@getskeleton.com</a>.</p>
	</div>
			<hr>
			<p><img src="images/andy1.JPG" alt="img Anders" style="width:80%;" ></p>
			<h2>About Anders</h2>
			<p>Anders Åkesson is studying software engineering at Blekinge Institute of Technology in Sweden.</p> 
        <p>The program he's attending is called <a href="http://edu.bth.se/utbildning/utb_program.asp?lang=en&amp;PtKod=PAGWE12h" target="blank">Web Programming</a> and is mainly focused on web applications but also general software engineering.
        This is an installation made by Anders of the Skeleton template. Get the template <a href="http://www.getskeleton.com/" target="blank">here</a>.</p>
			<hr>
		<div class="one-third column">
		<h3>Previously</h3>
          <p>Anders started at the program in the fall of 2012 and has so far studied courses in software engineering, for example courses in programming languages as C++, PHP, HTML, CSS and Java but also courses in software design, networks and data/telecommunication.</p>
		</div>
        <div class="one-third column">
		<h2>In the future</h2>
          <p>Upon graduation and hopefully getting a Bachelor's degree, Anders will be well prepared for a career in software engineering, web development or digital media. The program will give him a broad base for working within the field of IT.</p>
        </div>
        <hr>

        	 <p>&copy; Anders Åkesson, Blekinge Institute of Technology 2013</p>
         <p>Tools: 
    <a href="http://validator.w3.org/check/referer">html5</a>
    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">css3</a>
    <a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css21">css21</a>
    <a href="http://validator.w3.org/unicorn/check?ucn_uri=referer&amp;ucn_task=conformance">unicorn</a>
    <a href="http://validator.w3.org/checklink?uri=http://andyweb.info/phpmvc/skeleton/index.php">links</a>
    <a href="http://validator.w3.org/i18n-checker/check?uri=http://andyweb.info/phpmvc/skeleton/index.php">i18n</a>
    <!-- <a href="link?">http-header</a> -->
    <a href="http://csslint.net/">css-lint</a>
    <a href="http://jslint.com/">js-lint</a>
    <a href="http://jsperf.com/">js-perf</a>
    <a href="http://www.workwithcolor.com/hsl-color-schemer-01.htm">colors</a>
    <a href="http://dbwebb.se/style/">style</a>
    </p>
    
    	<p>Docs:
    <a href="http://www.w3.org/2009/cheatsheet/">cheatsheet</a>
    <a href="http://dev.w3.org/html5/spec/spec.html">html5</a>
    <a href="http://www.w3schools.com/cssref/default.asp">css</a>
    <a href="http://php.net/manual/en/index.php">php</a>
    <a href="http://www.sqlite.org/lang.html">sqlite</a>
    <a href="http://www.blueprintcss.org/">blueprint</a>
    </p>
    <p>Todays date is <? date_default_timezone_set("Europe/Stockholm"); print(Date("l F d, Y, H:i")); ?></p>
    <hr>
    <a href="#" class="button">Go to top</a>
    
	</div><!-- container -->


<!-- End Document
================================================== -->

<!--Share this script-->
	<script type="text/javascript">stLight.options({publisher: "17451387-dbad-4fb0-8ea0-e3505965eccf", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
	<script>
	var options={ "publisher": "17451387-dbad-4fb0-8ea0-e3505965eccf", "position": "right", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["twitter", "linkedin", "googleplus", "pinterest", "email", "sharethis"]}};
	var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
	</script>
	
	<!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
    <script src="../js/vendor/modernizr-2.6.2.min.js"></script>
    <script src="../prettify/prettify.js"></script>
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>

    <script src="../js/bootstrap.min.js"></script>

    <script src="../js/main.js"></script>
</body>
</html>
