-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
83 lines (82 loc) · 4.15 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
<html>
<head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="index.css">
<link rel="shortcut icon" href="https://web.archive.org/web/20180819202235js_/http://seanhalpin.io/assets/img/content/home/hello/me.svg" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap" rel="stylesheet">
</head>
<body>
<div id="page1">
<nav id="nav1">
<a href="#"><img src="me.svg" alt="Home" id="navico"></a>
<a href="#page1" class="navtext active" id="a1">About</a>
<a href="#page2" class="navtext">Work</a>
<a href="#" class="navtext" id="a3">Notes</a>
</nav>
<!-- <img src="" alt="I'm Sean"> -->
<h1 class="Imsean">I'm Sean.</h1>
<p class="webd">a web designer.</p>
<div class="cloud1">
<img src="cloud.svg" alt="">
</div>
<div class="cloud2">
<img src="cloud.svg" alt="">
</div>
<div class="lan">
<img src="land.svg" alt="" class="land">
</div>
</div>
<div id="page2">
<img src="me.svg" alt="Home">
<h2>Hi.</h2>
<p>I'm a web designer / developer based in Toronto,<br> Canada. I have a passion for web design and love to <br> create for web and mobile devices.</p>
<div class="line"><hr></div>
<h1>What I can do.</h1>
<div class="typo1">
<div class="typoimg1">
<img src="me.svg" alt="">
<div class="line"><hr></div>
<img src="design-icons-vert.png" alt="" id="bubble">
</div>
<div class="texttypo">
<h2>Design what you want.</h2>
<p>I like to keep it simple. My goals are to focus on <br>typography, content and conveying the message <br>that you want to send.</p>
</div>
</div>
<div class="typo2">
<div class="texttypo" id="texttypo2id">
<h2>Develop what you need.</h2>
<p>I'm a developer, so I know how to create your <br>website to run across devices using the latest <br>technologies available.</p>
</div>
<div class="typoimg2">
<img src="dev-icons-vert.png" alt="" id="bubble">
<div class="line"><hr></div>
<img src="me-dev.svg" alt="">
</div>
</div>
<!-- <p>Have to do some typography here IDK how</p> -->
<div class="line"><hr></div>
<h1>I can help.</h1>
<h2>I’m currently available for freelance work.</h2>
<p>If you have a project that you want to get started, think you need my help <br> with something or just fancy saying hey, then get in touch.</p>
<a href="#"><div class="msgme"><img src="mail.png" alt="Mail"><p>MESSAGE ME</p></div></a>
<div class="line"><hr></div>
</div>
<footer>
<div class="links">
<a href="#">dribble</a>
<a href="#">twitter</a>
<a href="#">hire me</a>
</div>
<div class="last">© 2018 Sean Halpin. All rights reserved.</div>
</footer>
<script src="index.js"></script>
</body>
</html>