-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
150 lines (145 loc) · 8.52 KB
/
index.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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<!-- HTML5 Hello world by kirupa - http://www.kirupa.com/html5/getting_your_feet_wet_html5_pg1.htm -->
<html lang="en-us">
<head>
<meta charset="utf-8">
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="./css/materialize.min.css">
<link rel="stylesheet" href="./css/style.css">
<title>Sean Adam's Portfolio ❤</title>
</head>
<body>
<main>
<div class="col s12">
<div class="navbar-flow">
<nav>
<div class="nav-wrapper teal lighten-1">
<img class="brand-logo left img-border z-depth-4 left-spacer brand-logo hoverable" src="images/meMain.jpg" width="75px" alt="Bagel">
<h2 class="brand-logo"><a href="#fakelogo">Sean Adams - Web Developer</a></h2>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#fakelink">Projects</a></li>
<li><a href="#fakelink">Contact</a></li>
<li><a href="#fakelink">About Me</a></li>
</ul>
</div>
</nav>
</div>
</div>
<br>
<br>
<div class="fixed-action-btn horizontal" style="top: 85px; right: 24px;">
<a class="btn-floating btn-large pink">
<i class="large material-icons right">mode_edit</i>
</a>
<ul>
<!-- Edit any one of these lines 64-69, or you can delete it if you do not want to keep it - nanoMyke -->
<li><a href="https://github.com/SeanFCC" class="btn-floating gray" target="_blank" plugin="nanoMyke"><i class="fa fa-github"></i></a></li>
<li><a href="skype:sean.e.adams" class="btn-floating blue darken-1"><i class="fa fa-skype" plugin="nanoMyke"></i></a></li>
<li><a href="https://freecodecamp.com" class="btn-floating red" target="_blank" plugin="nanoMyke"><i class="fa fa-fire"></i></a></li>
<li><a href="https://www.facebook.com/sean.adams.3760" class="btn-floating blue" target="_blank" plugin="nanoMyke"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&tf=1&to=RECIPIENTS EMAIL ADDRESS HERE&su=Hello" class="btn-floating purple" target="_blank" plugin="nanoMyke"><i class="fa fa-envelope"></i></a></li>
<li><a href="https://www.google.com/voice/b/2?hl=en#inbox" class="btn-floating orange" target="_blank" plugin="nanoMyke"><i class="fa fa-phone"></i></a></li>
</ul>
</div>
<br />
<br />
<br />
<div class="row">
<div class="row" style="background-image: url(./images/mdb.jpg)">
<div class="col s4 m4">
<div class="card-panel hoverable teal">
<div class="card">
<div class="card-image waves-effect waves-block waves-light">
<img class="activator" src="images/thehood.fw.png">
</div>
<div class="card-content">
<span class="card-title activator grey-text text-darken-4">My Latest Project<i class="material-icons right">more_vert</i></span>
<p><a href="https://github.com" target="_blank"><i class="fa fa-github"></i></a></p>
</div>
<div class="card-reveal">
<span class="card-title grey-text text-darken-4">Desk Project<i class="material-icons right">close</i></span>
<a href="images/thehood.fw.png" class="waves-effect waves-light btn" target="_blank">View<i class="material-icons right">visibility</i></a><p />
<p>Add something about your project here</p>
</div>
</div>
</div>
</div>
<div class="col s4 m4">
<div class="card-panel hoverable indigo lighten-2">
<span class="white-text">I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
</span>
</div>
<div class="card-panel hoverable green darken-1">
<span class="white-text">I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
</span>
</div>
<div class="card-panel hoverable orange darken-3">
<span class="white-text">I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
</span>
</div>
<div class="card-panel hoverable red lighten-1">
<span class="white-text">I am a very simple card. I am good at containing small bits of information.
I am convenient because I require little markup to use effectively. I am similar to what is called a panel in other frameworks.
</span>
</div>
</div>
<div class="col s4 m4">
<div class="card-panel hoverable cyan darken-1">
<a class="twitter-timeline" data-widget-id="289048221723009024" href="https://twitter.com/TheSEAdams" data-screen-name="TheSEAdams"> Tweets by @TheSEAdams</a>
<script>
! function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0]
, p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + "://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
}
}(document, "script", "twitter-wjs");
</script>
</div>
</div>
</div>
</div>
<!--Card Container Closing-->
</main>
<footer class="footer-style">
<div class="container footer-style">
<div class="row footer-style">
<div class="col l6 s12 footer-style">
<h5 class="white-text"></h5>
<p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Places You Can Find Me</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
<li><a class="grey-text text-lighten-3" href="#!">Link 4</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Designed and Made with ❤ by Sean Adams © 2016
</div>
</div>
</footer>
<!--Import jQuery before materialize.js-->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<script src="./scripts/scripts.js"></script>
<!--Import jQuery-->
<script src="scripts/jquery.min.js"></script>
</body>
</html>