Spesm/index.html

## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Hello World!</title>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
    <!-- Custom styles for this template go here -->
    <link rel="stylesheet" href="css/styles.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- Main jumbotron for a primary marketing message or call to action -->
    <!-- <div class="jumbotron jumbotron-fluid">
      <div class="container">
        <h1 class="display-4">Sem van Lent. CareerFoundry Web Development Apprentice</h1>
        <p class="lead">Hi there, my name is Sem, I'm 35 years old and I currently live in Zaandam, a cute old town in the periphery of Amsterdam in the Netherlands.
          <br>I studied sociology at the University of Amsterdam, graduated as a Bachelor in 2012 and landed a job at Gall & Gall, the biggest retailer of wines and spirits in the Netherlands. I've worked in two different shops as a manager since 2015, but with a growing awareness that maybe retail is not a good place for my skills and ambition.
          <br>As I've always enjoyed scrutinizing data, solving complex puzzles and creating elaborate Excel sheets with multiple embedded conditional formulae, and as I've always liked the design element in creating environments for data to become meaningful in, I feel that a career in programming and development would suit me much better.
          <br>Together with the knowledge and understanding of data I've gained through academic social research, I think that the ability to write code in relevant Web Development languages should create some splendid opportunities to start a career that I can truly be passionate about.
        </p>
        <a href="about.html">About Me</a>
        <a href="contact.html">Contact</a>
        <a href="faq.html">FAQ</a>
      </div>
    </div> -->
    <!-- Hero Image Carousel comes here! -->
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
      <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
      </ol>
      <div class="carousel-inner">
        <div class="carousel-item active">
          <img class="amsterdam" src="img/vnoutchkov-amsterdam-unsplash.jpg" alt="Houses on canal in Amsterdam.">
        </div>
        <div class="carousel-item">
          <img class="computer" src="img/debieve-circuit-unsplash.jpg" alt="Glasses in front of monitor showing code.">
        </div>
        <div class="carousel-item">
          <img class="world" src="img/roy-world-unsplash.jpg" alt="World map with pins and bank bills.">
        </div>
      </div>
      <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
    <!-- Carousel Captions -->
    <div class="carousel-caption d-none d-md-block">
      <h5>Sem van Lent, student at CareerFoundry.</h5>
      <p>Portfolio site under construction. Keep an eye out for updates!</p>
    </div>
    <!-- Ends Image Carousel -->
    <!-- Three Column Grid -->
    <div class="container">
      <div class="row">
        <div class="col-sm">
          <h2>Portfolio Concept</h2>
          <p>I guess this should consist mostly of the work I'll be doing throughout the course. I don't have much relevant prior experience, but I guess the portfolio could include a résumé with experience from life and other jobs, as well as personal interests and such. Maybe I could include some graphic representations of results I've gathered through social and cultural research, but for the most part I'll have to build my portfolio from scratch.
          </p>
          <a class="btn btn-primary" href="#" role="button">View details &raquo;</a>
        </div><!-- /col -->
        <div class="col-sm">
          <h2>Project Goals</h2>
          <p>I feel it's maybe a bit early to have a complete program with deadlines and such. But in general I would like to be ahead of program for the first half of the course. I would feel great if I can finish the first 5 exercises before next monday, but as I'm just starting the course, I also feel that it shouldn't bring me down if things prove to be tougher than that. In general, I want to work seriously on the material as much as I can and I aspire to really commit 20 hours per week.
          </p>
          <a class="btn btn-primary" href="#" role="button">View details &raquo;</a>
        </div><!-- /col -->
        <div class="col-sm">
          <h2>Course Goals</h2>
          <p>The goal for me is certainly to find a new job and career. I think I might have an underdeveloped talent for dealing with logical problems, and I hope that working on my developer skills might prove - to myself and anyone interested - that I can learn and put some of this talent to good practice. I'd like to learrn and express creativity, comprehensive programming and aesthetic functionality through coding and through the tools provided within this course.
          </p>
          <a class="btn btn-primary" href="#" role="button">View details &raquo;</a>
        </div><!-- /col -->
      </div><!-- /row -->
    </div><!-- /container -->
    <!-- ============================= -->
    <!-- All your JavaScript comes now -->
    <!-- ============================= -->

    <!-- Bootstrap core JS -->

    <!-- Can place script tags with JavaScript files here -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
	<title>Hello World!</title>
	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
	<!-- Custom styles for this template go here -->
	<link rel="stylesheet" href="css/styles.css">
	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
	</head>
	<body>
	<!-- Main jumbotron for a primary marketing message or call to action -->
	<!-- <div class="jumbotron jumbotron-fluid">
	<div class="container">
	<h1 class="display-4">Sem van Lent. CareerFoundry Web Development Apprentice</h1>
	<p class="lead">Hi there, my name is Sem, I'm 35 years old and I currently live in Zaandam, a cute old town in the periphery of Amsterdam in the Netherlands.
	<br>I studied sociology at the University of Amsterdam, graduated as a Bachelor in 2012 and landed a job at Gall & Gall, the biggest retailer of wines and spirits in the Netherlands. I've worked in two different shops as a manager since 2015, but with a growing awareness that maybe retail is not a good place for my skills and ambition.
	<br>As I've always enjoyed scrutinizing data, solving complex puzzles and creating elaborate Excel sheets with multiple embedded conditional formulae, and as I've always liked the design element in creating environments for data to become meaningful in, I feel that a career in programming and development would suit me much better.
	<br>Together with the knowledge and understanding of data I've gained through academic social research, I think that the ability to write code in relevant Web Development languages should create some splendid opportunities to start a career that I can truly be passionate about.
	</p>
	<a href="about.html">About Me</a>
	<a href="contact.html">Contact</a>
	<a href="faq.html">FAQ</a>
	</div>
	</div> -->
	<!-- Hero Image Carousel comes here! -->
	<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
	<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
	<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
	<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
	</ol>
	<div class="carousel-inner">
	<div class="carousel-item active">
	<img class="amsterdam" src="img/vnoutchkov-amsterdam-unsplash.jpg" alt="Houses on canal in Amsterdam.">
	</div>
	<div class="carousel-item">
	<img class="computer" src="img/debieve-circuit-unsplash.jpg" alt="Glasses in front of monitor showing code.">
	</div>
	<div class="carousel-item">
	<img class="world" src="img/roy-world-unsplash.jpg" alt="World map with pins and bank bills.">
	</div>
	</div>
	<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
	<span class="carousel-control-prev-icon" aria-hidden="true"></span>
	<span class="sr-only">Previous</span>
	</a>
	<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
	<span class="carousel-control-next-icon" aria-hidden="true"></span>
	<span class="sr-only">Next</span>
	</a>
	</div>
	<!-- Carousel Captions -->
	<div class="carousel-caption d-none d-md-block">
	<h5>Sem van Lent, student at CareerFoundry.</h5>
	<p>Portfolio site under construction. Keep an eye out for updates!</p>
	</div>
	<!-- Ends Image Carousel -->
	<!-- Three Column Grid -->
	<div class="container">
	<div class="row">
	<div class="col-sm">
	<h2>Portfolio Concept</h2>
	<p>I guess this should consist mostly of the work I'll be doing throughout the course. I don't have much relevant prior experience, but I guess the portfolio could include a résumé with experience from life and other jobs, as well as personal interests and such. Maybe I could include some graphic representations of results I've gathered through social and cultural research, but for the most part I'll have to build my portfolio from scratch.
	</p>
	<a class="btn btn-primary" href="#" role="button">View details »</a>
	</div><!-- /col -->
	<div class="col-sm">
	<h2>Project Goals</h2>
	<p>I feel it's maybe a bit early to have a complete program with deadlines and such. But in general I would like to be ahead of program for the first half of the course. I would feel great if I can finish the first 5 exercises before next monday, but as I'm just starting the course, I also feel that it shouldn't bring me down if things prove to be tougher than that. In general, I want to work seriously on the material as much as I can and I aspire to really commit 20 hours per week.
	</p>
	<a class="btn btn-primary" href="#" role="button">View details »</a>
	</div><!-- /col -->
	<div class="col-sm">
	<h2>Course Goals</h2>
	<p>The goal for me is certainly to find a new job and career. I think I might have an underdeveloped talent for dealing with logical problems, and I hope that working on my developer skills might prove - to myself and anyone interested - that I can learn and put some of this talent to good practice. I'd like to learrn and express creativity, comprehensive programming and aesthetic functionality through coding and through the tools provided within this course.
	</p>
	<a class="btn btn-primary" href="#" role="button">View details »</a>
	</div><!-- /col -->
	</div><!-- /row -->
	</div><!-- /container -->
	<!-- ============================= -->
	<!-- All your JavaScript comes now -->
	<!-- ============================= -->

	<!-- Bootstrap core JS -->

	<!-- Can place script tags with JavaScript files here -->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
	</body>
	</html>