-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
151 lines (130 loc) · 6.29 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Artika</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="colorlib-page">
<a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle"><i></i></a>
<aside id="colorlib-aside" role="complementary" class="js-fullheight" style="background-color: #280b41;">
<h1 id="colorlib-logo" class="mb-4 mb-md-5"><a href="index.html"
style="background-image: url(images/01-Erika-Artika-Landing-01.jpeg);">Erika Barren-Tucker</a></h1>
<nav id="colorlib-main-menu" role="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="colorlib-active"><a href="about.html">About</a></li>
<!-- <li><a href="pricing.html">Pricing</a></li> -->
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="colorlib-footer">
<div class="mb-4">
<h3>Support My Art <a href="https://bit.ly/ArtikaSupport">Here</a></h3>
<!-- <form action="#" class="colorlib-subscribe-form">
<div class="form-group d-flex">
<div class="icon"><span class="icon-paper-plane"></span></div>
<input type="text" class="form-control" placeholder="Enter Email Address">
</div>
</form> -->
</div>
<p class="pfooter">
Copyright ©
<script>document.write(new Date().getFullYear());</script> All rights reserved | This webite is made with <i
class="fa fa-heart" aria-hidden="true"></i> by <a href="https://vonerikbarren.github.io/Portfolio--V3/#"
target="_blank">Von'Erik Barren-Tucker</a>
</p>
</div>
</aside> <!-- END COLORLIB-ASIDE -->
<div id="colorlib-main">
<section class="ftco-about img ftco-section ftco-no-pt ftco-no-pb" id="about-section"
style="background-color: #310d4e;">
<div class="container-fluid px-0">
<div class="row d-flex">
<div class="col-md-6 d-flex">
<div class="img d-flex align-self-stretch align-items-center js-fullheight"
style="background-image:url(images/00-ProfilePicture3-00.png);">
</div>
</div>
<div class="col-md-6 d-flex align-items-center">
<div class="text px-4 pt-5 pt-md-0 px-md-4 pr-md-5 ftco-animate">
<h2 class="mb-4">Hello! I'm <span>Erika Barren-Tucker</span> the Artist of this website!</h2>
<hr />
<p class="text-light">I am a graduate Alumni of DePaul University with a Bachelor of Fine Arts Degree in
Animation. I
specialize in Tradtional and Digital Art. I am art student who dreams of doing my own animation for
either my own personal success or do conceptual art in the film or game industry. I am also Autistic.
I find my disability to be a strength rather then a weakness and I wish to prove that to the world.
</p>
<hr />
<p class="text-light">For as long as I remembered I always loved to draw on paper. I often find myself
very inspired by the
world around me and often just draw it on a piece of paper. What started as a single paper grew to
about hundreds as I continue to draw more and more until I decided to create my own original art
pieces and characters. Story-telling, Animation and Character Design has always caught my interest at
heart so I've spent most of my time, drawing characters, emotions, movement and continue to create new
stories. It gives me a sense of wonder, adventure, excitement and emotions. </p>
<hr />
<p class="text-light">Now that I am out on my own, it is time to start my own career path as an Artist
and Animator.</p>
<hr />
<h2>Below are the supporters in my life</h2>
<hr />
<div class="team-wrap row mt-4">
<div class="col-md-4 team">
<div class="img" style="background-image: url(images/00-Mother-00.png);"></div>
<h3>Sydney Barren</h3>
<span>Mother & Proud Supporter</span>
</div>
<div class="col-md-4 team">
<div class="img" style="background-image: url(images/00-Brother-00.jpeg);"></div>
<h3>Von'Erik Barren-Tucker</h3>
<span>Brother & Software Engineer</span>
</div>
<div class="col-md-4 team">
<div class="img" style="background-image: url(images/00-Brookfield-Zoo-00.png);"></div>
<h3>Brookfield Zoo</h3>
<span>Brookfield, IL</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#F96D00" />
</svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>