Skip to content

Instantly share code, notes, and snippets.

@Phoenix23A

Phoenix23A/about.html

Created February 7, 2017 19:07
Show Gist options
  • Save Phoenix23A/e7d7868ad8640f349872c91ff7ba28bb to your computer and use it in GitHub Desktop.
Save Phoenix23A/e7d7868ad8640f349872c91ff7ba28bb to your computer and use it in GitHub Desktop.
Download ZIP
Raw
about.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">
<script src="dist/html5shiv.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="about_styles.css">
<link rel="stylesheet" type="text/css" href="css/about_styles.css">
<title>About Me</title>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="nav">
<ul>
<li><a href="index.html">Home<a/></li>
<li><a href="about.html">About<a/></li>
<li><a href="#">Work<a/></li>
<li><a href="contact.html">Contact<a/></li>
<li><a href="faq.html">FAQ<a/></li>
</ul>
</div>
<div class="container">
<div class="header">
<h1>About Me</h1>
</div><!-- End Header Container-->
</div><!--End Container -->
<div class="image">
<img src="img/kitten.jpg" alt="Kitten">
</div><!--End image Container-->
<div class="intro column">
<h2>Introduction</h2>
<p> My learning of Coding is very cool but Bitbaloon for the Moment not Smile</p>
</div><!--End Introduction Container-->
<div class="skills column">
<h3>My Skills</h3>
<ul>
<li>Business Strategy</li>
<li>Marketing</li>
<li>Communication</li>
<li>Process Management &amp; Project Management</li>
</ul>
</div><!--End Skill List Container-->
<div class="main-text">
<h3>More about me &amp; my Career Story</h3>
<p>I put Lorem Ipsum later in here!Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
</div><!--End Main Text Container & View Toggle Soft Wrap Info Copy Paste Text LI-->
<div class="embed-responsive embed-responsive-16by9">
<iframe width="560" height="315" src="https://www.youtube.com/embed/sS8tZBU3oaM" frameborder="0" allowfullscreen></iframe>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<footer>
<a href="https://twitter.com/K" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @K</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
<iframe class="FB" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fde-de.facebook.com%2Fcareerfoundry%2F&width=20px&layout=standard&action=like&show_faces=true&share=true&height=80&appId" width="20px" height="80" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
<div id="fb-root"></div>
&copy; Kevin Meier 2016
</div>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment