Untitled

  <title>Ronald Morris Portfolio Website</title>
  <link rel="stylesheet" href="css/stylesheet.css" type="text/css">
  <link rel="normalize" href="normalize.css" type="text/css">
  </head>
  <body>
<div class= "header-wrapper">
	<div class= "header-container">
		<a id="name" href="home.html" >Ronald Morris</a>
			<div class="nav">
			<nav>
					<div class= "nav-link-box"><a class= "nav-link" href="1">About</a></div>
					<div class= "nav-link-box"><a class= "nav-link" href="2">Projects</a></div>
					<div class= "nav-link-box"><a class= "nav-link" href="3">Contact</a></div>
				</ul>
			</nav>
		</div>
	</div><!-- end nav -->
</div><!-- end header-wrapper -->

<div class= "main-wrapper">
	<div class = "main-container">
		<h1>About</h1>
		<p>Hello and welcome to my portfolio website. <br> I am an entry level developer in the process of learning web and app development.</p> <br>

		<p>While wokring in the resturant/hospiatlity industry for most of my life i decided to try my hand at programming and development. It has gone from a fairly daunting task to one i feel is beccoming mroe and more obtainable. Though my skill are still in development i am currently proficient in HTML and CSS. I am also currently learning JavaScript, jQuery and Bootsrap 4.</p>
		<br>
		<p class= "quote">"Talk is cheap. Show me the code."<br>
	    - Linus Torvalds</p>
	</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</script>
<script src="JS/transit.js"></script>
<script src="JS/script.js"></script>
  </body>
</html>


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FONTS */
@font-face { font-family: "Adam"; src: url('fonts/Adam.otf');
}
@font-face { font-family: "Taylor"; src: url('fonts/taylor-Regular.ttf');
}
/* Header Styling */
.push {
	clear: both;
}
#name {
	text-decoration: none;
	font-size: 55px;
	color: #000;
	font-family: "Adam" ;
	font-weight: bolder;

}
.header-wrapper {
	width: 100%;
	background-color: #b82601;
	padding: 15px;

}

.header-container {
	width: 1170px;
	margin: 0 auto;
}

.nav div a {
	text-decoration: none;

	font-size: 35px;
	color: #000;
	font-family: "Adam";


}

.nav-link-box {
	position: relative;
	height: 40px;

}
.nav {
	float: right;

}

.nav div {
	display: inline;

}

/* Main styling */

.main-wrapper {
	width: 100%
}

.main-container {
	width: 1170px;
	margin: 0 auto;
	text-align: center;
}

.main-container h1 {
font-size: 50px;
font-weight: bolder;
padding: 55px 0 15px 0;
font-family: "Helvetica";


}
.main-container {
font-family: "Helvetica";
font-size: 25px;
}

.quote {
padding-top: 20%;
font-style: italic;
}