Skip to content

Instantly share code, notes, and snippets.

@aledwassell

aledwassell/Aled Wassell Portfolio.markdown

Last active March 27, 2016 09:19
Show Gist options
  • Save aledwassell/73bb2a94f892d2590270 to your computer and use it in GitHub Desktop.
Save aledwassell/73bb2a94f892d2590270 to your computer and use it in GitHub Desktop.
Download ZIP
Aled Wassell Portfolio
Raw
index.html
<html lang "en">
<head>
<title>Aled Wassell</title>
<meta name="viewport" content="width=device-width, initial-scale=1" charset="utf-8">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container-fluid">
<div class="row">
<a class="navbar-brand" href="#">
<img alt="Brand" src="http://aledwassell.github.io/images/Logo%20W%20+%20A.png">
</a>
<div class="col-sm-4">
<h1 id="title"><a href="#">Aled Wassell</a></h1>
</div>
<div class="col-sm-7">
<ul class="nav nav-pills">
<li><a href="#about">About Aled</a></li>
<li><a href="#codeing">Codeing Chops</a></li>
<li><a href="#design">Design</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="container header">
<h2>Design Made Simply<small> using Bootstrap</small></h2>
<p>This is a short porfolio website to show off my HTML skillage.</p>
</div>
</div>
<div class="jumbotron"> <!-- Jumbotron about-->
<div class="container">
<div class="row">
<div class="space col-sm-12">
</div>
<div class="col-sm-4">
<img src="http://aledwassell.github.io/images/aled.jpg" class="img-circle" alt="Aled">
</div>
<div class="col-sm-8">
<h1 id="about">About Me</h1>
<p>My name is Aled Wassell, an aspiring web developer looking for my 'foot in the door'.<br>I've been using Free Code Camp for the past few months and its been a great learning curve.</p>
</div>
</div>
</div>
</div> <!-- END Jumbotron about END-->
<div class="jumbotron"> <!-- Jumbotron CODEING-->
<div class="container">
<h1 id="codeing">Some Coding Chops<h1>
<p>Here I have some code I have been working on, it's all kid of beginner stuff but I hope I can impress potential employers.</p>
</div>
</div><!-- END Jumbotron CODEING END-->
<div class="jumbotron"> <!-- Jumbotron DESIGN-->
<div class="container">
<div class="row">
<div class="">
<h1 id="design">Design</h1>
<p>These are some designs I have been working on.</p>
</div>
</div>
</div>
</div> <!-- END Jumbotron DESIGN END-->
</div>
</body>
</html>
Raw
style.css
ul {
padding: 20px 10px;
float: right;
}
.header {
padding: 15% 0 15% 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment