-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
87 lines (80 loc) · 3.75 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width", initial-scale="1">
<title>Katherine Beame</title>
<link rel="stylesheet" href="style/normalize.css">
<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style/base.css">
<link rel="stylesheet" href="style/icon.css">
<link rel="stylesheet" href="style/layout.css">
<link rel="stylesheet" href="style/modules.css">
<!-- Handle bars for github api -->
<script id="repo-template" type="text/x-handlebars-template">
<li>
<header>
<h2>{{name}}</h2>
<div>
<span>{{created_at}}</span>
<address><a id="portfolio-link" href="{{html_url}}">Link to githubUrl</a></address>
</div>
</header>
<section class=project-description>
<p>{{description}}</p>
<a href="#" class="read-on">read-on</a>
</section>
</li>
</script>
</head>
<body>
<header class="mainHeader">
<section class="personalInfo">
<h4>Katherine Beame: Web Developer</h4>
</section>
</header>
<a id="home" href="/"></a>
<nav>
<button class="icon-menu3"></button>
<ul>
<li class="tab clearfix" data-content="to-portfolio"><a id="portfolio" class="icon-folder-open circle" href="/portfolio">Portfolio</a></li>
<li class="tab clearfix" data-content="about"><a id="resume" class="icon-profile circle" href="/about">About</a></li>
<li><a id="linked" class="icon-linkedin circle clearfix" href="https://www.linkedin.com/in/kat-beame-b7743052">Linkedin</a></li>
<li><a id="bird" class="icon-twitter circle clearfix" href="https://twitter.com/KatBeame">Twitter</a></li>
<li><a id="git" class="icon-github circle clearfix" href="https://github.com/kbeame">GitHub</a></li>
</ul>
</nav>
<main>
<section id="to_portfolio" class="close-tab individualPrint">
<ul>
</ul>
</section>
<section id="about" class="close-tab about">
<h2>Kat's History</h2>
<a class="icon-mail2">[email protected]</a>
<img id="katsFace" src="img/kat_face.jpg" alt="Headshot" />
<h3>I am an aspiring Full Stack Developer from Seattle. I loves tea, radio stories and the West Wing.</h3>
<p>
Before entering into the Code Fellows program I took a 4 year break from the rain of the Pacific Northwest to get a degree in Environmental Studies from Connecticut College. I returned home to Seattle and have spent the past couple years working as a microbiologist before I decided to got to school again and pursue my new found dream of becoming a kick-ass Web Developer.
</p>
<h2>Contact Information</h2>
<ul class="contact">
<li><a class="icon-mail2">[email protected]</a></li>
<li><a class="icon-linkedin" href="https://www.linkedin.com/in/kat-beame-b7743052">Linkedin</a></li>
<li><a class="icon-twitter" href="https://twitter.com/KatBeame">Twitter</a></li>
<li><a class="icon-github" href="https://github.com/kbeame">GitHub</a></li>
</ul>
</section>
</main>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<script src="/vendor/page.js"></script>
<script src="/js/print.js"></script>
<script src="/js/portfolioView.js"></script>
<script src="/js/homeController.js"></script>
<script src="/js/portfolioController.js"></script>
<script src="/js/aboutController.js"></script>
<script src="/js/repos.js"></script>
<script src="/js/reposView.js"></script>
<script src="/js/route.js"></script>
</body>
</html>