-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (76 loc) · 5.8 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome!</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/popup.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<header id="top" class="main-header">
<span class="title"> Welcome To The Dark Side!</span>
<h1>Kae'Lyn Alexander</h1>
<script>
alert("Welcome!!");
</script>
<button onclick="myFunction()">Press Me</button>
<p id="demo"></p>
<script>
function myFunction() {
var person = prompt("Are you a Jedi or a Sith", "Jedi", "Jedi!", "jedi","sith", "Sith!", "Sith");
var name= prompt("So "+person+" what's your name?");
if (person != null) {
document.getElementById("demo").innerHTML =
"Welcome to the Dark Side " +person+ " "+name+"!";
}
}
</script>
</header>
<nav>
<ul class="nav1">
<li><a href="index.html" class="selected">About</a></li><!--
--><li><a href="portfolio.html">Portfolio</a></li><!--
--><li><a href="contact.html">Contact</a></li>
</ul>
<div class="primary-content t-border">
<h2>Hello and Welcome!</h2>
<p>My name is Kae'Lyn Alexander a student and advocate for the environment. I've lived in D.C. most of my life,but a recent move to Baltimore has shaken things up a bit. I've lived in Baltimore for about a year now and have walked through many open doors since. Baltimore has granted me many oportunities and different experience that I can not fathom occuring without moving to Baltimore. Attending Western Highschool in Baltimore has shown me the many wonders of computer science and the many abilities learning and understanding the make up of computer science offers.</p> <p> I enjoy taking pictures, listening to music, reading, walking and enjoying nature in my freetime. I expect only the best in everyone and try to be the best version of myself everyday. Working with Code in Schools has taught me alot about coding and computer programming and how imperative it is to keep up with the ever-changing world of technology.</p>
<button id="hide">Hide</button>
<button id="show">Show</button>
</body></div>
<div class="info">
<ul class="img-list">
<li><img src="img/samurai-darth-vader.jpg" alt="samurai vader" width="160" height="160"/><span class="text-content"><span>I enjoy Star Wars and the many versions people create of it.</span></span></li>
<li><img src="img/Skylar.jpg" alt="My younger Sister Skylar" width="160" height="160"/><span class="text-content"><span>This is my little sister Skylar. She gives me joyous strength everyday.</span></span></li>
<li><img src="img/WWII2767.jpg" alt="DC" width="160" height="160"/><span class="text-content"><span>The World War II memorial I enjoy visiting with my dad in DC.</span></span></li>
<li><img src="img/lavender0811.jpg" class="rotate90" alt="" width="160" height="160"/><span class="text-content"><span>I enjoy taking pictures of nature and the many qualities it has when intergrated with unnatural things ike buildings.</span></span></li>
<li><img src="img/20150717_221256.jpg" class="rotate90"alt="Mom Sky Auntie" width="160" height="160"/><span class="text-content"><span>My Aunt motivates me to work well because of how successful she has become through hard work and practice.</span></span></li>
<li><img src="img/20150717_211341.jpg" alt="Coleman 25" width="160" height="160"/><span class="text-content"><span>#25 was her jersey number in college before being drafted to The Mystics, which she now wears with Indiana Fever.</span></span></li>
<li><img src="img/20150808_143545.jpg" class="rotate90" alt="waterfall" width="160" height="160"/><span class="text-content"><span>I enjoy taking pictures of nature and the many qualities it has when intergrated with unnatural things ike buildings.</span></span></li>
<li><img src="img/Snapchat--3678511147160209398.jpg" class="rotate-90" alt="fish cake" width="160" height="160"/><span class="text-content"><span>I enjoy tatsing new things especially from places of interest like Korea. This is called <a href="http://aeriskitchen.com/2008/10/ddeok-bok-ki-%EB%96%A1%EB%B3%B6%EC%9D%B4/">tteokkbokki</a>, fish cake covered in spicy tomato paste.</span></span></li>
<li><img src="img/20150509_170309.jpeg" alt="My father." width="160" height="160"/><span class="text-content"><span> My father has inspired me to look towards security in computers and other technical medias.</span></span></li>
<li><img src="img/fam0622.jpeg" alt="Siblings" width="160" height="160"/><span class="text-content"><span>From left to right: Myself, my sister, my father, my brother.</span></span></li>
<li><img src="img/flower-sq.jpg" alt="pink flower" width="160" height="160"/><span class="text-content"><span>Taking pictures allows the viewer to capture any moment in time. Pictures, to me, are a way to encapsulate the beauty of nature and the items within it.</span></span></li>
<li><img src="img/20150722_204104-1.jpg" alt="Mommy" width="160" height="160"/><span class="text-content"><span>This is my beautiful mother who has always motivated me to be the best person I can be academically and socially.</span></span></li>
<li><img src="img/WWII2764.jpg" alt="DC" width="160" height="160"/><span class="text-content"><span>Another beautiful picture of the WWII memorial I took my last year in DC.</span></span></li>
</ul>
</div>
<footer class="main-footer">
<p>© 2015 Kae'Lyn Alexander.</p>
<a href="#top">Back to top »</a>
</footer>
</body>
</html>