Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Michaels website #15

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Michaels website #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6de2b5d
initial templateincluding header and nav section
Jun 3, 2018
24cf847
header and nav alignment
Jun 3, 2018
ab433e6
update to home and about page
Jun 3, 2018
8c43391
my first website
Jun 4, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
116 changes: 116 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
<!doctype html>
<html>
<head>
<script src="index.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="A web page about my journey in web dev">
<meta name="author" content="my Journey">

<title>My Journey</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">

</head>

<body>


<header>
<div class="container">
<div id="branding">
<h1><i class="fa fa-rocket"></i> <span class="highlight">My Journey</span></h1>
</div>

<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li class="current"><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

</div>
</header>

<section id="showcase1">
<div class="container">
<p id="space">


</p>
<h1 style="color: white; font-size: 60px;">Where It All Began</h1>

</div>


</section>



<section id="newsletter">
<div class="container">
<h1 id="mycall">Go placidly amid the noise and haste, and remember what peace there may be in silence. </h1>


</div>

</section>

<section id="showcase2">
<div class="container">
<p> </p>


</div>


</section>

<section id="boxes">
<div class="container">
<div class="box">
<i class="fa fa-signal fa-5x"></i>
<h3>Expectations</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="box">
<i class="fa fa-photo fa-5x"></i>
<h3>The impact</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="box">
<i class="fa fa-cube fa-5x"></i>
<h3>The only way</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>

</div>

</section>


<footer>
<p>My Journey, Copyright &copy; 2018</p>

</footer>





</body>













</html>
Empty file added contact.html
View file
Open in desktop
Empty file.
113 changes: 113 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
<!doctype html>
<html>
<head>
<script src="index.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="description" content="A web page about my journey in web dev">
<meta name="author" content="my journey">

<title>My Journey</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Slabo+27px" rel="stylesheet">

</head>

<body>


<header>
<div class="container">
<div id="branding">
<h1><i class="fa fa-rocket"></i> <span class="highlight">My Journey....</span></h1>
</div>

<nav>
<ul>
<li class="current"><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>

</div>
</header>

<section id="showcase">
<div class="container">
<p id="space">


</p>
<h1>Watch This Space</h1>
<p>We are approaching a new age of synthesis. Knowledge cannot be merely a degree or a skill... it demands a broader vision, capabilities in critical thinking and logical deduction without which we cannot have constructive progress.</p>
</div>


</section>


<section id="newsletter">
<div class="container">
<h1 id="mycall">myCallThomas@gmail.com</h1>


</div>

</section>

<section id="showcasehome">
<div class="container">

<p></p>
</div>


</section>

<section id="boxes">
<div class="container">
<div class="box">
<h3>Expectations</h3>
<p>To be creative and consrtuctive</p>
</div>
<div class="box">

<h3>The impact</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="box">

<h3>The only way</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>

</div>

</section>


<footer>
<p>My Journey, Copyright &copy; 2018</p>

</footer>





</body>













</html>
Loading