-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (78 loc) · 3.48 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Portfolio</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<!--Sometimes I hate the way that freeCodeCamp requires certain things in their projects, but this time it wasn't as bad. The landing page one had be losing my mind though-->
<header>
<a href="https://www.moonsoftstudios.com" target="_blank">
<img src="imgs\moosoftlogoicon.png" id="moonsoft-logo" alt="moonsoft studios logo">
</a>
<nav id="navbar">
<a href="#welcome-section">Me:)</a>
<a href="#projects">Projects</a>
<a href="#contact">Contacts</a>
</nav>
</header>
<section id="welcome-section">
<h1>James Moffett</h1>
<h3>Innocent Traitor && Moonsoft Studios</h3>
<div id="list">
<ul>
<li>Game Prototype Developer</li>
<li>Python Wannabe</li>
<li>Ctrl+C, Ctrl+V</li>
<li>And not much else...</li>
</ul>
</div>
</section>
<section id="projects">
<h2>My Projects</h2>
<div class="project-list">
<a href="https://innocenttraitor.itch.io/shovel-diggers" target="_blank" class="project-link">
<div class="project-tile">
<h5 class="project-title">Shovel Diggers</h5>
<img src="imgs\shoveldiggers.png" alt="shovel diggers image" class="project-img">
<p class="project-subtitle">A single player co-op puzzle built for a game jam.</p>
</div>
</a>
<a href="about:blank" target="_blank" class="project-link">
<div class="project-tile">
<h5 class="project-title">7Seas.io</h5>
<img src="imgs\7seas.png" alt="7seas logo" class="project-img">
<p class="project-subtitle">A (soon to be) multiplayer ship game.</p>
</div>
</a>
<a href="#welcome-section" target="_blank" class="project-link">
<div class="project-tile">
<h5 class="project-title">Portfolio</h5>
<img src="imgs\portfolio.png" alt="portfolio image" class="project-img">
<p class="project-subtitle">The very site you are looking at! It looks so nice and cool and pretty and awesome and very, very, very cool!</p>
</div>
</a>
</div>
</section>
<section id="contact">
<h5>I prefer money, but exposure works too!</h5>
<!--Discord, Moonsoft Email, Github-->
<div class="contact-div">
<a href="https://discord.gg/zGQVhG6KDr" target="_blank" class="contact-link" id="profile-link">
<img src="imgs\discordicon.png" class="contact-img" />
<p class="contact-p">Discord</p>
</a>
<a href="https://github.com/Innocent-Traitor" target="_blank" class="contact-link" id="profile-link">
<img src="imgs\github.png" class="contact-img" />
<p class="contact-p">Github</p>
</a>
<a href="mailto:james.moffett@moonsoftstudios.com" target="_blank" class="contact-link" id="profile-link">
<img src="imgs\email.png" class="contact-img" />
<p class="contact-p">Email</p>
</a>
</div>
</section>
</body>
</html>