-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
executable file
·157 lines (139 loc) · 6.49 KB
/
about.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
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Nicole Doan - Portfolio</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo">Nicole Doan</a>
<ul class="right hide-on-med-and-down">
<li><a href="about.html">About Me</a></li>
<li><a href="mailto:doan.nicole@gmail.com">E-Mail</a></li>
</ul>
<ul id="nav-mobile" class="sidenav">
<li><a href="#">About Me</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center white-text text-lighten-2">What is a Nicole?</h1>
<div class="row center">
<h5 class="header col s12 light">“A rock pile ceases to be a rock pile the moment a single man contemplates it, bearing within him the image of a cathedral.”
― Antoine de Saint-Exupéry, The Little Prince</h5>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="/images/background2.jpg" alt="clean and focused black"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<h4></h4>
<div id="about">
<div class="section no-pad-bot">
<div class="container" style="padding-top: 1vh">
<!--<h2 class="wow fadeInDown header col s12 blue-grey-text">Well...you see...</h2>-->
<h4>Gamer. Cosplayer. World-Changer.</h4>
<div class="row">
<div class="col s12 m12 13">
<center><br><img src="images/aboutme/umaru dva.jpg" style="height:240px"></center>
</div>
</div>
</div>
</div>
</div>
<p class="left-align light"></p>
</div>I was a certified paralegal in a previous life, but it led me to question my own value to not only my company but more importantly, my value to the world- I was too awesome to be stuffed into a cubicle! I have always led my life with this belief that everyone could make a difference in the smallest ways but when I lost sight of that belief, I knew it was time to reevaluate where I was and what I was doing. So I reconnected with my root interest in helping people and being a creator and uniting it with my interest in the human condition...which led me to UX and a newfound passion for making the world a better place.
</div>
</div>
</div>
<!--<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">"The purpose of life is not to be happy. It is to be useful, to be honorable, to be compassionate- to have it make some difference that you have lived and lived well." -Ralph Waldo Emerson</h5>
</div>
</div>
</div>
<div class="parallax"><img src="images/background1.jpg" alt="emotive sky"></div>
</div>-->
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<h4>Photography</h4>
<!-- <p class="left-align light">Herp.</p> -->
<div class="carousel">
<a class="carousel-item" href="#one!"><img class="materialboxed" width="300" src="images/aboutme/life of chinatown.jpg"></a>
<a class="carousel-item" href="#two!"><img class="materialboxed" width="300" src="images/aboutme/hollywood.jpg"></a>
<a class="carousel-item" href="#three!"><img class="materialboxed" width="300" src="images/aboutme/chinatown pasttimes.jpg"></a>
<a class="carousel-item" href="#four!"><img class="materialboxed" width="300" src="images/aboutme/hoplouie.jpg"></a>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Have an idea or a project? Let's collaborate!</h5>
</div>
<div class="row center">
<a href="mailto:doan.nicole@gmail.com" id="download-button" class="btn-large waves-effect waves-light teal lighten-1">MESSAGE ME</a>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="images/background2.jpg" alt="clean and focused black"></div>
</div>
</body>
<!-- Scroll Up -->
<div id="scroll up">
<div class="container">
<a class="btn-floating btn-large waves-effect waves-light teal right" href="#top"><i class="material-icons">arrow_upward</i></a>
</div>
</div>
<!-- Footer -->
<footer class="page-footer white">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="black-text">Nicole Doan</h5>
<h6 class="black-text">EMAIL</h6>
<a class="black-text" href="mailto:doan.nicole@gmail.com"><h7>doan.nicole@gmail.com</h7>
<br><br>
<div class="col s12">
<a class="black-text" href="https://www.linkedin.com/in/nicoledoan" target="_blank"><i class="fab fa-linkedin fa-2x"></i></a>
<a class="black-text" href="https://github.com/nekobox" target="_blank"><i class="fab fa-github fa-2x"></i></a>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made with <a class="teal-text text-lighten-3" href="http://materializecss.com">Materialize</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script src="js/wow.min.js"></script>
</html>