Skip to content

Instantly share code, notes, and snippets.

@AttyC

AttyC/about.html

Created April 15, 2015 13:51
Show Gist options
  • Save AttyC/43c52298895c93268727 to your computer and use it in GitHub Desktop.
Save AttyC/43c52298895c93268727 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 name="viewport" content="width=device-width, initial-scale=1">
<title>About Atty Cronin</title>
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery is required for Bootstrap to work -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link href="css/normalize.css" rel="stylesheet" />
<!--<link rel="stylesheet" href="css/bootstrap.css"/>-->
<link href="css/styles.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="nav">
<ul>
<li><a href="index.html" >Home</a></li>
<li><a href="work.html">Work</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="'#'">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="jumbotron">
<div class="container">
<h1>I build websites</h1>
<div class="row">
<div class="col-md-4">
<img src="img/attyc.jpg"class="img-responsive" alt="Atty Cronin portrait">
</div>
<div class="col-md-4">
<p>Hi,</p>
<p>I'm Atty Cronin and I'm ready to talk to you about building your website.</p>
</div>
<div class="col-md-4" id="skill_list">
<h2>My Skills</h2>
<ul>
<li>HTML</li>
<li>PHP</li>
<li>CSS</li>
</ul>
</div>
</div>
<div class="main-text">
<h3>My Story</h3>
<p>I cut my teeth on a travel web project, getting involved in all aspects: coding in HTML, CSS & PHP, helping to project manage, acting as a liaison with the travel sales staff, administrating bookings, creating HTML email newsletters and learning about SEO. </p>
<p>Moving to into magazine publishing, digital side, was very exciting, and tricky.I had to pick up a whole new set of skills, such as version control (subversion), OO PHP and Agile, which I loved.
</p>
</div>
</div><!--end container -->
</div> <!--end jumbotron -->
</body>
</html>
Raw
index.html
<!DOCTYPE html>
<html lang="en" class="home">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Antonia's Web Portfolio</title>
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery is required for Bootstrap to work -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link href="css/normalize.css" rel="stylesheet" />
<!-- Bootstrap core CSS -->
<!--<link rel="stylesheet" href="css/bootstrap.css"/>-->
<link href="css/styles.css" rel="stylesheet"/>
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template go here -->
<!-- Just for debugging purposes. Don't actually copy this line! -->
<!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="nav">
<ul>
<li><a href="#" >Home</a></li>
<li><a href="work.html">Work</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="jumbotron">
<div class="container-fluid">
<!-- carousel -->
<div id="#homeCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#homeCarousel" data-slide-to="0" class="active"></li>
<li data-target="#homeCarousel" data-slide-to="1"></li>
<li data-target="#homeCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<!--<img src="img/icemountains.jpg" alt="snow covered mountains">-->
<img src="img/wallroofold.jpg" alt="snow covered mountains">
<div class="carousel-caption">
<h3>Values - Natural, honest</h3>
<p>I value integrity and make it a priority to be clear and direct with my clients.</p>
<img src="img/attylogored_250.png" alt="Atty C logo" class="logo">
</div>
</div>
<div class="item">
<img src="img/DeathtoStock_Wired7.jpg" alt="plant desk">
<div class="carousel-caption">
<h3>Style - Clean, clear, striking</h3>
<p>Let us find a design that catches your personality and the user's imagination</p>
<img src="img/attylogored_250.png" alt="Atty C logo" class="logo">
</div>
</div>
<div class="item">
<img src="img/wallroofgreen.jpg" alt="green brick wall chimney">
<div class="carousel-caption">
<h3>Skills</h3>
<p>HTML, PHP, Bootstrap - tba</p>
<img src="img/attylogored_250.png" alt="Atty C logo" class="logo">
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#homeCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#homeCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div><!-- end carousel -->
</div>
</div>
<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-4 col-xs-12">
<h2>Portfolio Concept</h2>
<p>I will include: </p>
<ol>
<li>All new projects from this course.</li>
<li>New side projects for friends and local businesses</li>
<li>My blog, <a href="https://attycool.wordpress.com/">https://attycool.wordpress.com/</a></li>
</ol>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4 col-xs-12">
<h2>Project Goals</h2>
<p>To complete the exerciese well and read around the subjects, making use of various excellent resources available on the internet.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4 col-xs-12">
<h2>Course Goals</h2>
<p>Two goals</p>
<ol>
<li>Become a freelance developer</li>
<li>Land a part time / part remote working job so I can spend time with other developers but be at home some of the time for my childen</li>
</ol>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<hr>
</div> <!-- /container -->
<!--
================================================== -->
<!-- Can place script tags with JavaScript files here -->
</body>
</html>
Raw
work.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AttyC Web Portfolio - Work</title>
<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<!-- jQuery is required for Bootstrap to work -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- Latest compiled and minified Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link href="css/normalize.css" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="nav">
<ul>
<li><a href="index.html" >Home</a></li>
<li><a href="#">Work</li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="jumbotron">
<div class="container">
<h1>Work I've done</h1>
<div class="row" id="work">
<div class="col-md-3 col-xs-6">
<h2>colName</h2>
<img src="img/white_door_small.jpg" alt="white door" class="img-responsivw"/>
</div>
<div class="col-md-3 col-xs-6">
<h2>colName</h2>
<img src="img/white_door_small.jpg" alt="white door" class="img-responsivw"/>
</div>
<div class="col-md-3 col-xs-6">
<h2>colName</h2>
<img src="img/white_door_small.jpg" alt="white door" class="img-responsivw"/>
</div>
<div class="col-md-3 col-xs-6">
<h2>colName</h2>
<img src="img/white_door_small.jpg" alt="white door" class="img-responsivw"/>
</div>
</div><!-- end row -->
</div><!--end container -->
</div><!--end jumbotron -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment