Yorgg/CVTemplate.html

## CVTemplate.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Jean Luc Picard - Resume</title>
    <!--if you want to use the css file instead:
    <link rel="stylesheet" href="stylesheet.css">-->
  </head>

  <style>
    /* Global styling */
    body {margin: 0 0;font-family: Arial, Helvetica, sans-serif;}
    li {margin: 0 0;}
    ul {margin: 0 0;padding: 0 12;}
    hr {color: #fff;margin-bottom: 5px;margin-top: 23px;}
    p {font-size: 1.0em;margin-top: 5px;margin-bottom: 1px;}
    h1 {font-size: 1.4em;margin-right: 20px;}
    h2 {font-size: 1.1em;margin-top: 14px;margin-right: 20px;}
    /* Structure */
    .container {width: 850px;margin: 0 auto;padding: 0 20}
    .top {margin-bottom: 20px;height: 10px;background-color: #FDC72F;width: 100%;display: block;}
    .row {clear: both;margin-bottom: 20px;}
    .col-left {width: 22%;display: inline-block;padding-left}
    .col-right {width: 78%;float: right;}
    /* Header styling */
    header {margin-bottom: 20px;color: #666;}
    header p {margin: 8 0;}
    /* Entry styling */
    .title {display: inline;font-size: 1.0em;font-weight: 700;margin: 0 0;}
    .details  {margin-bottom: 30px;}
    .date {margin-top: -20px;float: right;display: inline;color: #999;}
    .details p {margin-bottom: 10px;}
  </style>

  <body>
  <div class="container">
    <div class="top" >
    </div>

    <header>
      <div class="row">
        <div class="col-left">
          <h1>Jean Luc Picard</h1>
        </div>
        <div class="col-right">
        <p>12 Rue de montagne</p>
        <p>La Barre, Franche-Comté, France</p>
        <p>1286493820</p>
        <p>jean@gmail.com</p>
        </div>
      </div>
      <br>
    </header>


    <div class="row">
      <div class="col-left">
        <h2> Work experience </h2>
      </div>

      <div class="col-right">
        <hr>

          <p class="title">Captain - USS Enterprise-D </p>
          <div class="details">


              <p class="date">2364-</p>


              <p class="description">Captain of the latest galaxy class starship.</p>


              <ul><li>Evaded multiple Borg attacks</li></ul>


              <ul><li>Succesfully held the the Romulan-Klingon border</li></ul>


              <ul><li>Managed relations with Q</li></ul>


              <ul><li>Lived on the planet Kataan for 40 years</li></ul>


        </div>

          <p class="title">Lieutenant Commander/Captain - USS Stargazer </p>
          <div class="details">


              <p class="date">2333-2356</p>


              <p class="description">Commanding officer on the USS Stargazer</p>


              <ul><li>Defended the Stargazer from over 12 Cardassian attacks</li></ul>


              <ul><li>Managed relations with Cardassians, Ferengi, Klingons, and Vulcans</li></ul>


        </div>

    </div>


    <div class="row">
      <div class="col-left">
        <h2> Projects </h2>
      </div>

      <div class="col-right">
        <hr>

          <p class="title">Simulated Universe </p>
          <div class="details">


              <p class="date">2353</p>


              <p class="description">Helped in the creation of a simulated universe for Dr. Moriarty and his wife</p>


        </div>

          <p class="title">Archeology: Uncovered a 21st century DSL written in Ruby </p>
          <div class="details">


              <p class="date">2355</p>


              <a href= "https://github.com/Yorgg/cvme"> https://github.com/Yorgg/cvme </a>


        </div>

    </div>


    <div class="row">
      <div class="col-left">
        <h2> Interests </h2>
      </div>

      <div class="col-right">
        <hr>

          <p class="title">  </p>
          <div class="details">


              <ul><li>Fencing</li></ul>


              <ul><li>Racquetball</li></ul>


              <ul><li>Equine sports</li></ul>


              <ul><li>Archeology</li></ul>


              <ul><li>Latin</li></ul>


              <ul><li>Shakespeare</li></ul>


        </div>

    </div>

    </div>
  </div>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Jean Luc Picard - Resume</title>
	<!--if you want to use the css file instead:
	<link rel="stylesheet" href="stylesheet.css">-->
	</head>

	<style>
	/* Global styling */
	body {margin: 0 0;font-family: Arial, Helvetica, sans-serif;}
	li {margin: 0 0;}
	ul {margin: 0 0;padding: 0 12;}
	hr {color: #fff;margin-bottom: 5px;margin-top: 23px;}
	p {font-size: 1.0em;margin-top: 5px;margin-bottom: 1px;}
	h1 {font-size: 1.4em;margin-right: 20px;}
	h2 {font-size: 1.1em;margin-top: 14px;margin-right: 20px;}
	/* Structure */
	.container {width: 850px;margin: 0 auto;padding: 0 20}
	.top {margin-bottom: 20px;height: 10px;background-color: #FDC72F;width: 100%;display: block;}
	.row {clear: both;margin-bottom: 20px;}
	.col-left {width: 22%;display: inline-block;padding-left}
	.col-right {width: 78%;float: right;}
	/* Header styling */
	header {margin-bottom: 20px;color: #666;}
	header p {margin: 8 0;}
	/* Entry styling */
	.title {display: inline;font-size: 1.0em;font-weight: 700;margin: 0 0;}
	.details {margin-bottom: 30px;}
	.date {margin-top: -20px;float: right;display: inline;color: #999;}
	.details p {margin-bottom: 10px;}
	</style>

	<body>
	<div class="container">
	<div class="top" >
	</div>

	<header>
	<div class="row">
	<div class="col-left">
	<h1>Jean Luc Picard</h1>
	</div>
	<div class="col-right">
	<p>12 Rue de montagne</p>
	<p>La Barre, Franche-Comté, France</p>
	<p>1286493820</p>
	<p>jean@gmail.com</p>
	</div>
	</div>
	<br>
	</header>



	<div class="row">
	<div class="col-left">
	<h2> Work experience </h2>
	</div>

	<div class="col-right">
	<hr>

	<p class="title">Captain - USS Enterprise-D </p>
	<div class="details">


	<p class="date">2364-</p>



	<p class="description">Captain of the latest galaxy class starship.</p>



	<ul><li>Evaded multiple Borg attacks</li></ul>



	<ul><li>Succesfully held the the Romulan-Klingon border</li></ul>



	<ul><li>Managed relations with Q</li></ul>



	<ul><li>Lived on the planet Kataan for 40 years</li></ul>


	</div>

	<p class="title">Lieutenant Commander/Captain - USS Stargazer </p>
	<div class="details">


	<p class="date">2333-2356</p>



	<p class="description">Commanding officer on the USS Stargazer</p>



	<ul><li>Defended the Stargazer from over 12 Cardassian attacks</li></ul>



	<ul><li>Managed relations with Cardassians, Ferengi, Klingons, and Vulcans</li></ul>


	</div>

	</div>


	<div class="row">
	<div class="col-left">
	<h2> Projects </h2>
	</div>

	<div class="col-right">
	<hr>

	<p class="title">Simulated Universe </p>
	<div class="details">


	<p class="date">2353</p>



	<p class="description">Helped in the creation of a simulated universe for Dr. Moriarty and his wife</p>


	</div>

	<p class="title">Archeology: Uncovered a 21st century DSL written in Ruby </p>
	<div class="details">


	<p class="date">2355</p>



	<a href= "https://github.com/Yorgg/cvme"> https://github.com/Yorgg/cvme </a>


	</div>

	</div>


	<div class="row">
	<div class="col-left">
	<h2> Interests </h2>
	</div>

	<div class="col-right">
	<hr>

	<p class="title"> </p>
	<div class="details">


	<ul><li>Fencing</li></ul>



	<ul><li>Racquetball</li></ul>



	<ul><li>Equine sports</li></ul>



	<ul><li>Archeology</li></ul>



	<ul><li>Latin</li></ul>



	<ul><li>Shakespeare</li></ul>


	</div>

	</div>

	</div>
	</div>
	</body>
	</html>