-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
119 lines (119 loc) · 6.51 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
<!-- About.html -->
<!DOCTYPE html>
<html>
<head>
<title>ImJoeYouKnow| About</title>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="icon" href="/images/favicon.ico?" type="image/x-icon">
<script src="js/jQuery.js"></script>
<script src="js/TwitterFix.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script>
$(document).ready(function(){
// Target your .container, .wrapper, .post, etc.
$(".fitvids").fitVids();
});
</script>
</head>
<body>
<header>
<a href="index.html" class="ijyk-logo-outer">
<img src="images/IJYK-logo.png" alt= "IJYK logo" class= "ijyk-logo" >
</a>
<div class="contact-nav-outer">
<section class= "contact">
<a href="http://www.instagram.com/imjoeyouknow"target="_blank" class="contact-social-link contact-social-link-instagram">
<span class="fa fa-instagram"></span><span class="label">Instagram</span>
</a>
<a href="http://www.facebook. com/ImJoeYouKnow"target="_blank" class="contact-social-link contact-social-link-facebook">
<span class="fa fa-facebook"></span><span class="label">Facebook</span>
</a>
<a href="http://twitter.com/ImJoeYK"target="_blank" class="contact-social-link contact-social-link-twitter">
<span class="fa fa-twitter"></span><span class="label">Twitter</span>
</a>
<a href="https://www.youtube.com/user/ImjoeYK"target="_blank" class="contact-social-link contact-social-link-youtube">
<span class="fa fa-youtube"></span><span class="label">Youtube</span>
</a>
<a href="http://www.twitch.tv/imjoeyouknow"target="_blank" class="contact-social-link contact-social-link-twitch">
<span class="fa fa-twitch"></span><span class="label">Twitch</span>
</a>
</section>
<nav class="main">
<ul class="nav-items nav-items-top">
<li class="nav-item nav-item-top nav-item-for-about"><a href="about.html">About</a></li>
<li class="nav-item nav-item-top nav-item-for-Videos"><a href="videos-p-1.html">Videos</a></li>
<li class="nav-item nav-item-top nav-item-for-twitch"><a href="twitch.html">Twitch</a></li>
</ul>
</nav>
</div>
</header>
<main class="about-background">
<h1 class="about-title"><strong>ImJoeYouKnow</strong></h1>
<section class="about-header">
<div class="about-header-summary">
<h2 class="about-header-summary-title"><strong>Summary</strong></h2>
<h3>Joe (known as ImJoeYouKnow online) is a high school student in grade 11. He enjoys anything tech. Aspiring computer programmer, Twitch streamer, and Youtube Partner. Has around 200 followers on Twitch, and his Youtube channel is growing everyday. </h3>
</div>
<div class="about-header-points">
<ul>
<li class="hangingindent"><strong> Name:</strong> Joe (known as "ImJoeYouKnow" online)</li>
<li class="hangingindent"><strong> From:</strong> Born in Kingston upon Thames, U.K.</li>
<li class="hangingindent"><strong> Living:</strong> Alberta, Canada</li>
<li class="hangingindent"><strong> Interests:</strong> Computers, Programming, Graphic Design, Gaming, Streaming, Youtube</li>
<li class="hangingindent"><strong> Achievements:</strong> Hiked the Berg lake Trail, Climbing the tallest Mountain In the Rockies, Travelled the world Including: the London England, Paris, St.Lucia, New York, Washington DC, Boston, Los Angeles, Parts of Mexico, and many other places. Graduating High School Next Year.</li>
<li class="hangingindent"><strong> People that inspire:</strong> Elon Musk, Mark Zuckerberg</li>
</ul>
</div>
</section>
<section class="about-skills">
<h2 class="about-skills-title"><strong>SKILLS</strong></h2>
<a href="http://en.wikipedia.org/wiki/HTML5" class="about-skills-wrapper" target="_blank">
<h3 class="about-skills-text">HTML 5</h3>
<img class="skill-badge" src="images/skill-badges/HTML5.png" alt="After Effects Logo">
</a>
<a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets" class="about-skills-wrapper" target="_blank">
<h3 class="about-skills-text">CSS</h3>
<img class="skill-badge" src="images/skill-badges/css.png" alt="After Effects Logo">
</a>
<a href="http://en.wikipedia.org/wiki/Ruby_on_Rails" class="about-skills-wrapper" target="_blank">
<h3 class="about-skills-text">Ruby on Rails</h3>
<img class="skill-badge" src="images/skill-badges/ruby.png" alt="After Effects Logo">
</a>
<a href="http://en.wikipedia.org/wiki/Adobe_Photoshop" class="about-skills-wrapper" target="_blank">
<h3 class="about-skills-text">Photoshop</h3>
<img class="skill-badge" src="images/skill-badges/photoshop.png" alt="After Effects Logo">
</a>
<a href="http://en.wikipedia.org/wiki/Adobe_Premiere_Pro" class="about-skills-wrapper" target="_blank">
<h3 class="about-skills-text">Premiere</h3>
<img class="skill-badge" src="images/skill-badges/premiere.png" alt="After Effects Logo">
</a>
<a href="http://en.wikipedia.org/wiki/Adobe_After_Effects" class="about-skills-wrapper" target="_blank">
<h3 class="about-skills-text">After Effects</h3>
<img class="skill-badge" src="images/skill-badges/after-effects.png" alt="After Effects Logo">
</a>
</section>
</main>
<footer>
<div class="footer-container">
<section class= "contact-footer">
<a href="http://www.instagram.com/imjoeyouknow"target="_blank" class="contact-social-link contact-social-link-instagram">
<span class="fa fa-instagram"></span><span class="label">Instagram</span>
</a>
<a href="http://www.facebook. com/ImJoeYouKnow"target="_blank" class="contact-social-link contact-social-link-facebook">
<span class="fa fa-facebook"></span><span class="label">Facebook</span>
</a>
<a href="http://twitter.com/ImJoeYK"target="_blank" class="contact-social-link contact-social-link-twitter">
<span class="fa fa-twitter"></span><span class="label">Twitter</span>
</a>
<a href="https://www.youtube.com/user/ImjoeYK"target="_blank" class="contact-social-link contact-social-link-youtube">
<span class="fa fa-youtube"></span><span class="label">Youtube</span>
</a>
<a href="http://www.twitch.tv/imjoeyouknow"target="_blank" class="contact-social-link contact-social-link-twitch">
<span class="fa fa-twitch"></span><span class="label">Twitch</span>
</a>
</section>
</div>
</footer>
</body>
</html>