-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutme.html
executable file
·75 lines (74 loc) · 5.08 KB
/
aboutme.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="el">
<head>
<title>Steven Taveras</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="This is Steven Taveras's about me page">
<title>Steven Taveras - About Me</title>
<!--for remote bootsraps styles-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!--custom style sheet-->
<link rel="stylesheet" href="css/index.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/9bacc3de6f.js"></script>
</head>
<body class="about">
<nav class="navbar section" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button id="button-press" type="button" class="navbar-toggle collapsed btn" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<i class="fa fa-bars fa-2x" aria-hidden="true"></i>
</button>
<a href="index.html"><img class="img-responsive logo navbar-brand" src="images/StevenTaverasSiteLogo.gif" alt="image of steven taveras logo" title="steventaveras.com" /></a>
</div>
<div class="collapse navbar-collapse" id="navbar-toggle">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="aboutme.html">About Me</a></li>
<li class="active"><a href="contact.php">Contact<span class="sr-only">(Current)</span></a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Portfolio<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="gallery/frontend.html">Frontend</a></li>
<li><a href="gallery/frontend.html">Graphic Design</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron text-center about-jumbo">
<div class="container">
<h1>Steven Taveras</h1>
<h2>All Around Good Guy</h2>
<img class="img-responsive main-image" src="https://raw.githubusercontent.com/dreamsniper/MMP100/master/images/main-image.jpg" alt="face picture of Steven Taveras" title="Steven Taveras" />
</div>
</div>
<div class="container about-section">
<main>
<h1>A Little About Me</h1>
<p>Hello! My name is Steven Taveras and I'm a Artist, Graphic Designer and now putting most of my energy into Front End Development. I have been coding for about five years and am based in the NYC. </p>
<p>I attend Borough Of Manhattan Community College where i am working to get my Associates in Multimedia Programming. I plan to continue to my bachelors in Computer Science/programming.</p>
<p>I also use FreeCodeCamp and a number of other resources to further my skills in HTML5, CSS3, JavaScript, Node, React and more. When i'm not coding i'm playing playing Video Games, Watching some good shows or hanging out with friends and family.</p>
</main>
</div>
<hr/>
<footer class="footer container text-center fixed-bottom">
<a href="https://codepen.io/dreamsniper/" target="_blank"><i class="fa fa-codepen fa-2x" aria-hidden="true"></i></a>
<a href="https://www.facebook.com/steven.taveras1" target="_blank"><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a>
<a href="https://twitter.com/TheDreamsniper" target="_blank"><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a>
<a href="https://github.com/dreamsniper" target="_blank"><i class="fa fa-github-square fa-2x" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/steven-taveras-81475b75/" target="_blank"><i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i></a>
<a href="https://plus.google.com/u/0/+StevenTaveras_dreamsniper" target="_blank"><i class="fa fa-google-plus-square fa-2x" aria-hidden="true"></i></a>
<a href="https://www.youtube.com/channel/UCFVYSh4PC84c34Etdagmc1Q" target="_blank"><i class="fa fa-youtube-square fa-2x" aria-hidden="true"></i></a>
<a href="https://forum.freecodecamp.com/users/dreamsniper/summary" target="_blank"><i class="fa fa-free-code-camp fa-2x" aria-hidden="true"></i></a>
<p>Copyright © 2017 Steven Taveras</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>