-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
138 lines (137 loc) · 5.31 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
<!DOCTYPE html>
<html>
<head >
<title>Kenneth Durham Entry into Tech</title>
<link rel="stylesheet" href="css/stylesheet.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body class="body-color">
<h1 class="font" id="header_box"><strong>Kenneth Durham<br>Code the Dream<br>Red Eclipse<br>Cohort</strong></h1>
<main>
<header>
<div class="container">
<div class="card">
<div class="face face1">
<div class="content">
<i class="fab fa-windows"></i>
<h3>About Me</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>My name is Kenneth Durham. I am currently a student of Code the Dream,
in the Red Eclipse cohort. I am an advanced diagnostics specialist at
Motivate LLC. My dream is to work for facebook in the Oculus quest department.</p>
<a href="#moream" type="button">Read More</a>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<i class="fab fa-android"></i>
<h3>Education</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p> CodeRamp and CodeRamp++</p>
<a href="#education" type="button">Read More</a>
</div>
</div>
</div>
<div class="card">
<div class="face face1">
<div class="content">
<i class="fab fa-apple"></i>
<h3>Work History</h3>
</div>
</div>
<div class="face face2">
<div class="content">
<p>I currently work for Motivate LLC, as a Field Lead Specialist.</p>
<a href="#companies" type="button">Read More</a>
</div>
</div>
</div>
</div>
</script>
</header>
<section id="about-me">
<h1 class="font-3" >About Me</h1>
<article class='art_font'>
<p class= "custom-box" id= "moream">
My name is <em>Kenneth Durham</em>. I am currently a student of Code the Dream,<br>
in the Red Eclipse cohort. I am an advanced diagnostics specialist at<br>
Motivate LLC. My dream is to work for facebook in the Oculus quest department.<br>
I also would love to be part of a <em>Green</em> blockchain project that helps to <br>
bring finance and stability to the poor areas of the world. After completing my <br>
bootcamp at Code the dream, I would love to come back to help teach the future <br>
generations of students to come. test<br>
</p>
</section>
<section id="education" class= "custom-box">
<h2><b>Education</b></h2>
<!-- <b>Code Tenderlions: Code Ramp & Code Ramp++, Blockchain, Code the Dreams Red Eclipse cohort</b> -->
</section>
<section id="companies"class= "custom-box">
<h2>Companies I've worked for</h2>
</section>
<section id="skills" class= "custom-box">
<h2 >Skills</h2>
</section>
<section id = "projects">
<h2>Projects</h2>
<ul></ul>
</section>
</article>
<h2>Enjoying the Journey</h2>
<iframe id="our-video" max-width="720" max-height="400" src="https://www.youtube.com/embed/CYdPza_KY1w" title="YouTube video player"
frameborder="100" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
<section class="spacing">
<h2 class="font-3">Leave a Message</h2>
<form name="leave_message">
<label for="name">Name</label>
<input type="text" name="name" id="name" class= "bgcolor" required="true">
<br/>
<label for="email">Email</label>
<input type="email" name="email" id="email" class= "bgcolor" required="true">
<br/>
<label for="message">Message</label>
<textarea name="message" id="message" class= "bgcolor" required="true"></textarea>
<br/>
<button type="submit" class= "bgcolor" class="font">Submit</button>
</form>
<div id = "messages"><ul></ul></div>
</section>
<h2>Connect</h2>
<table><footer>
<div class="social">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<a class="social-icon" data-tooltip="[email protected]" href="mailto:[email protected]">
<i class="fa fa-envelope" aria-hidden="true"></i>
</a>
<a class="social-icon" data-tooltip="GitHub" href="https://github.com/kenldurham">
<i class="fa fa-github" aria-hidden="true"></i>
</a>
<a class="social-icon" data-tooltip="LinkedIn" href="http://linkedin.com/in/kenldurham">
<i class="fa fa-linkedin" aria-hidden="true"></i>
</a>
<a class="social-icon" data-tooltip="Twitter" href="https://twitter.com/kenldurham">
<i class="fa fa-twitter" aria-hidden="true"></i>
</a>
<a class="social-icon" data-tooltip="Facebook" href="https://www.facebook.com/kenldurham">
<i class="fa fa-facebook" aria-hidden="true"></i>
</a>
<a class="social-icon" data-tooltip="YouTube" href="https://instagram.com/kenldurham">
<i class="fa fa-instagram" aria-hidden="true"></i>
</a>
</div>
</div>
</footer></table>
<script src= "js/index.js"></script>
</main>
</body>
</div>
</html>