-
Notifications
You must be signed in to change notification settings - Fork 0
/
process.html
138 lines (129 loc) · 6.77 KB
/
process.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="Final Project for HTML5/CSS3 Course">
<meta name="keywords" content="HTML,CSS,JavaScript,jQuery">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<title>Shandira Ferguson | UI/UX Designer & Software Engineer </title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="./assets/stylesheets/styles.css" />
<script src="./assets/javascripts/responsive-nav-bar.js"></script>
</head>
<body>
<div class="topnav" id="myTopNav">
<a class="link" href="index.html" style="float:left"><img class="topnav__logo" src="assets/images/icons/sf-logo@2x.png"></a>
<div class="vertical"></div>
<a class="link topnav__link topnav__name disableClick" id="name" style="float:left" >Shandira Ferguson</a>
<a class="link topnav__link fa linkedin" id="linkedIn" href="https://www.linkedin.com/in/shandiraferguson/" target="_blank"
style="font-size:23px;"></a>
<a class="link topnav__link fa envelope" id="email" href="#emailIcon">
<span class="email-text">shandira.ferguson@gmail.com</span></a>
<a class="link topnav__link" id="popups-id" href="popups.html">pop-ups</a>
<a class="link topnav__link" href="sketches.html">sketches</a>
<a class="link topnav__link active-btn" href="process.html">process</a>
<a class="link topnav__link" href="projects.html">projects</a>
<a class="link topnav__link" href="about.html">about</a>
<a class="link topnav__link fa hamburger" href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()"></a>
</div>
<section>
<div class="col-xs-12" style="box-shadow:none">
<img class="headline-img" src="assets/images/process/ProcessImgHeader.png"/>
</div>
</section>
<section class="container">
<div class="col-xs-12 container__sec__about">
<div class="list--process">
<img class="avatar-image process-img" src="assets/images/process/TyImg.png"/>
<div class="list--container list--process">
<ul class="list__process">
<li class="text__h3 list__title">Abstract meets Soul</li>
<li class="list__elem process__topics">Assignment type</li>
<li class="list__elem process__topics">Music</li>
<li class="list__elem process__topics">Software/tools used</li>
<li class="list__elem process__topics">Course info</li>
<li class="list__elem process__topics">Instructor</li>
<li class="list__elem process__topics">Term</li>
</ul>
<ul class="list__process" style="padding-top:59px">
<li class="list__elem">Rotoscoping</li>
<li class="list__elem">Rough Soul - Gold Link ft. April George</li>
<li class="list__elem">Pastel Crayons, Camera, Dragonframe</li>
<li class="list__elem">Intro to Film Graphics - Animation</li>
<li class="list__elem">Elisabeth Mann</li>
<li class="list__elem">Spring 2017</li>
</ul>
</div>
</div>
</div>
</section>
<section class="container">
<div class="col-xs-12 container__sec__about">
<div class="list--process">
<img class="avatar-image process-img" src="assets/images/process/BobImg.png"/>
<div class="list--container list--process">
<ul class="list__process">
<li class="text__h3 list__title">King of Reggae</li>
<li class="list__elem process__topics">Assignment type</li>
<li class="list__elem process__topics">Music</li>
<li class="list__elem process__topics">Software/tools used</li>
<li class="list__elem process__topics">Course info</li>
<li class="list__elem process__topics">Instructor</li>
<li class="list__elem process__topics">Term</li>
</ul>
<ul class="list__process" style="padding-top:59px">
<li class="list__elem">Armature skeleton animation</li>
<li class="list__elem">Is this love - Bob Marley</li>
<li class="list__elem">Wires, clay, yarn, fabric, Dragonframe</li>
<li class="list__elem">Intro to Film Graphics - Animation</li>
<li class="list__elem">Elisabeth Mann</li>
<li class="list__elem">Spring 2017</li>
</ul>
</div>
</div>
</div>
</section>
<section class="container">
<div class="col-xs-12 container__sec__about">
<div class="list--process">
<img class="avatar-image process-img" src="assets/images/process/BabiesImg.png"/>
<div class="list--container list--process">
<ul class="list__process">
<li class="text__h3 list__title">Boogie babies</li>
<li class="list__elem process__topics">Assignment type</li>
<li class="list__elem process__topics">Music</li>
<li class="list__elem process__topics">Software/tools used</li>
<li class="list__elem process__topics">Course info</li>
<li class="list__elem process__topics">Instructor</li>
<li class="list__elem process__topics">Term</li>
</ul>
<ul class="list__process" style="padding-top:59px">
<li class="list__elem">Paper layer animation</li>
<li class="list__elem">24K Magic - Bruno Mars</li>
<li class="list__elem">Const. paper, glass mounts, Dragonframe</li>
<li class="list__elem">Intro to Film Graphics - Animation</li>
<li class="list__elem">Elisabeth Mann</li>
<li class="list__elem">Spring 2017</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="col-xs-12" style="padding: 0%">
<footer class="footer">
<a class="link footer__link disableClick" style="float:left;
color: black;"><span class="fa copyright"></span> 2020 Shandira Ferguson <br> <span style="font-size:10px;
font-weight:lighter; float:right">Inspired by Adham Dannaway</span></a>
<div class="center-block">
<a class="link footer__link" href="popups.html">pop-ups</a>
<a class="link footer__link" href="sketches.html">sketches</a>
<a class="link footer__link active-btn" href="process.html">process</a>
<a class="link footer__link" href="projects.html">projects</a>
<a class="link footer__link" href="about.html">about</a>
</div>
</footer>
</div>
</section>
</body>
</html>