-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (127 loc) · 4.64 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="Styling.css" media="screen" />
<!-- <link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/> -->
<title>Tanya</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:url" content="https://notshite.com/index.html">
<meta property="og:type" content="website">
<meta property="og:title" content="Tanya Hirst: UI/UX Designer">
<meta property="og:description" content="Oh, hello! I'm Tanya.">
<meta property="og:image:type" content="image/png">
<meta property="og:image" content="https://notshite.com/assets/preview.png">
</head>
<body>
<main>
<nav>
<a href="#hello" class="link-to-section">
<img src="assets/images/myLogoT.png" class="logo">
</a>
<div class="navLinkContainer">
<a href="#aboutMe" class="navLinks link-to-section">About me.</a>
<a href="#skills" class="navLinks link-to-section">Skills.</a>
<a href="#contact" class="navLinks link-to-section">Contact.</a>
</div>
</nav>
<div class="contentContainer" id="hello">
<div>
<div class="shadowText">
Hello?
</div>
<div contenteditable class="frontText">
Oh, hello! I'm Tanya<span class=colorGreenish>.</span>
</div>
</div>
</div>
<div class="contentContainer" id="aboutMe">
<div>
<div class="shadowText">
About me.
</div>
<div contenteditable class="frontText">
I'm a UI/UX designer<span class=colorGreenish>.</span>
</div>
</div>
<div>
<p class="firstParagraph">
Currently UX Designer at
<a class="linkInParagraph" href="https://www.vipps.no/" target="blank">
<span class=colorPeaches></span>Vipps</span>
</a> in Oslo, Norway. A while back you could find me at
<a class="linkInParagraph" href="https://getspiff.no/" target="blank">
<span class=colorPeaches>Spiff</span></a>
</p>
</div>
</div>
<div class="contentContainer" id="skills">
<div class="headerContainer">
<div class="shadowText">
Skills.
</div>
<div contenteditable class="frontText">
I'm good at stuff<span class=colorGreenish>.</span>
</div>
</div>
<div class="skillStack">
<div class="skillCombo">
<img class="skillImage" src="assets/images/skillOne.png">
<div class="skillTitle">
Product strategy
</div>
</div>
<div class="skillCombo">
<img class="skillImage" src="assets/images/skillTwo.png">
<div class="skillTitle">
User research, testing & experience
</div>
</div>
<div class="skillCombo">
<img class="skillImage" src="assets/images/skillThree.png">
<div class="skillTitle">
Visual design
</div>
</div>
<div class="skillCombo">
<img class="skillImage" src="assets/images/skillFour.png">
<div class="skillTitle">
Design systems
</div>
</div>
</div>
</div>
<div class="contentContainer" id="contact">
<div class="headerContainer">
<div class="shadowText">
Contact.
</div>
<div contenteditable class="frontText">
Okay, let's be friends<span class=colorGreenish>.</span>
</div>
<p class="firstParagraph"> Drop me a message somewhere here 👇 </p>
<div class="portfolioContainer">
<a href="https://dribbble.com/TanyaTheHuman" target="blank">
<img class="portfolioLink" src="assets/icons/iconDribbble.png">
</a>
<a href="https://medium.com/@tanyathehuman" target="blank">
<img class="portfolioLink" src="assets/icons/iconMedium.png">
</a>
<a href="https://www.instagram.com/tanya_thehuman/" target="blank">
<img class="portfolioLink" src="assets/icons/iconInstagram.png">
</a>
<a href="https://www.linkedin.com/in/tanya-hirst-5025497a/" target="blank">
<img class="portfolioLink" src="assets/icons/iconLinkedIn.png">
</a>
</div>
</div>
<!-- <a href="https://www.linkedin.com/in/tanya-hirst-5025497a/" class="button" target="blank">Get in touch</a> -->
</div>
<footer>
<p class="footerText"> © Tanya Hirst 2019 🤩 </p>
<div class="footerLinksContainer">
</footer>
</main>
</body>
<script src="smooth.js"></script>
</html>