-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
106 lines (85 loc) · 5.24 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>About Me</title>
<!-- Font Awesome -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Open Sans -->
<link rel="stylesheet" href="https:///fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en" />
<!-- Monsterrat -->
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<!-- Quattrocento Sans -->
<link rel="stylesheet" type="text/css" href="https:///fonts.googleapis.com/css?family=Quattrocento+Sans" />
<link rel="stylesheet" type="text/css" href="styles/normalize.css">
<link rel="stylesheet" type="text/css" href="styles/footer.css">
<link rel="stylesheet" type="text/css" href="styles/navbar.css">
<link rel="stylesheet" type="text/css" href="styles/about.css">
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="js/scripts.js"></script> -->
</head>
<body>
<header id="nav-toggle-1">
<a href="index.html" class="logo">
<img src="images/logo.svg" class="logo">
</a>
<input type="checkbox" id="nav-toggle" class="nav-toggle">
<nav>
<ul>
<!-- <li><a href="#">Home</a></li> -->
<li><a href="about.html">About</a></li>
<li><a href="#">Blog</a></li>
<li><a data scroll href="#contact">Contact</a></li>
</ul>
</nav>
<label for="nav-toggle" class="nav-toggle-label">
<span></span>
</label>
</header>
<section class="hero" id="h">
<div class="container">
<h1 class="herointro">LaTanya Donaldson</h1>
<p class="slogan">Aside from loving all things Design and Technology; I am fantanic about cats, music, and the outdoors.</p>
</div>
</section>
<!-- <h2>All About Me</h2> -->
<div id="colorb">
<div class="row">
<div class="column">
<p class="biop">A native of Oakland, California I grew up being the “computer wiz” in my family. I used Google to fix various issues that came with the bargain computers my dad got me. Looking back on my childhood, technology was something that I had a knack for. I was driven to learn more and solve problems on my own.
<br>
<br>
Throughout my education I never took any graphic design or programming classes. I have a hands on learning approach. My favorite classes were metal shop, wood work, and pottery.Without realizing it, my design process was already beginning to define itself. It’s rewarding to take something I envisioned from concept to creation.
Upon graduating from University of Southern California, I traveled the world because office life did not sound appealing to me. In Australia I took online coding courses such as Codecademy.
<br>
<br>
This sparked my interest in technology tremendously. I continued to push myself to learn knowing that an incredible career awaits me. After my travels, I moved to Seattle to take an intro to programming course at Epicodus. The Design section stuck out the most. Prototyping webpages in Figma (Sketch,etc) brought a great deal of unexecpected joy. I transitioned from Epicodus knowing that I want a career as an UI Designer.
Now I have jumped feet-first into web design where I continue to expand my ability to code and learn. By building a solid foundation in design, I am capable of bringing my designs to life across all platforms and devices.
</p>
</div>
<div class="column">
<img src="images/personalphoto.png" id="photocolumn">
</div>
</div>
</div>
<!--
<footer>
<div class="text-center center-block">
<div id="media-cont">
<a href="https://www.facebook.com/bootsnipp"><i id="social-li" class="fa fa-linkedin fa-3x social "></i></a>
<a href="https://twitter.com/bootsnipp"><i id="social-gh" class="fa fa-github fa-3x social "></i></a>
<a href="mailto:[email protected]"><i id="social-em" class="fa fa-envelope-square fa-3x social"></i></a>
</div>
<div class="copy">© 2018</div>
</div>
</footer> -->
<footer id="contact">
<!-- <a href="#"><img class="logo" src="https://placehold.it/150x30"></a> -->
<ul class="footerlist">
<li class="lilist"><a href="https://www.linkedin.com/in/latanyadonaldson//"><i class="fa fa-linkedin fa-2x" aria-hidden="true"></i></a></li>
<li class"lilist"><a href="https://www.github.com/ldonald067"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></li>
<li class"lilist"><a href="mailto:[email protected]"><i class="fa fa-envelope-square fa-2x" aria-hidden="true"></i></a></li>
</ul>
</footer>
</body>
</html>