-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (61 loc) · 3.83 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
<html>
<head>
<title>Lewis Cardwell - Portfolio</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="styles/portfolio.css" rel="stylesheet" type="text/css" media="all">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta property="og:type" content="website">
<meta property="og:title" content="portfolio">
</head>
<body style="margin: 0;">
<div class="header">
<a class="logo">Lewis Cardwell - Game Designer</a>
<div class="header-right">
<a href="#" class="active">HOME</a>
<a href="about.html">ABOUT</a>
</div>
</div>
<div id="landingContainter">
<p style="font-weight: bold; font-size: 250%; line-height: 0.75rem; color: white; filter: drop-shadow(1px 1px 0px #000000);">Lewis Cardwell</p>
<p style="font-style: italic; font-size: 250%; line-height: 0.75rem; color: white; filter: drop-shadow(1px 1px 0px #000000);">Game/Technical Designer</p>
<p style="font-size: 150%; line-height: 2rem; color: white; filter: drop-shadow(1px 1px 0px #000000);">You have reached the Portfolio Page for Lewis Cardwell, a Second-Year Games Design student at Ulster University,<br>you can see a list of featured projects below!</p>
</div>
<div id="featuredContainer">
<h1 style="color: white; font-size: 300%; filter: drop-shadow(3px 3px 0px #000000); text-align: center;">FEATURED PROJECTS</h1>
<div class="ftRow">
<div class="ftColumn">
<a href="projectpages/AVPP.html"><img src="images/projThumb/AVPP.jpg" title="A Very Postal Protest" alt="A Very Postal Protest" style="width: 100%;"></a>
</div>
<div class="ftColumn">
<a href="projectpages/KYABETSU.html"><img src="images/projThumb/KYB.png" title="KYABETSU NT" alt="KYABETSU NT" style="width: 100%;"></a>
</div>
<div class="ftColumn">
<a href="projectpages/JBEP3.html"><img src="images/projThumb/JBEP3.png" title="Jabroni Brawl: Episode 3" alt="Jabroni Brawl: Episode 3" style="width: 100%;"></a>
</div>
</div>
<hr>
<h1 style="color: white; font-size: 300%; filter: drop-shadow(3px 3px 0px #000000); text-align: center;">OTHER/SMALLER WORKS</h1>
<div class="ftRow">
<div class="ftColumn">
<img src="images/projThumb/trippzl.png" title="triplepuzzle." alt="triplepuzzle." style="width: 100%;">
</div>
<div class="ftColumn">
<img src="images/projThumb/OC.png" title="Obsidian Conflict" alt="Obsidian Conflict" style="width: 100%;">
</div>
<div class="ftColumn">
<img src="images/projThumb/AGTC.png" title="Annual Garbage Throwing Competition" alt="Annual Garbage Throwing Competition" style="width: 100%;">
</div>
</div>
</div>
<div class="footer">
<a class="logo" style="font-size: 15px;">Site created by Lewis Cardwell - Site Last Updated: November 2nd, 2024</a>
<div class="footer-right">
<a href="mailto:[email protected]" target="_blank"><i class="fa-solid fa-envelope" style="font-size: 150%;"></i></a>
<a href="https://www.linkedin.com/in/lewis-cardwell-325300332/" target="_blank"><i class="fa-brands fa-linkedin" style="font-size: 150%;"></i></a>
<a href="https://sylenth.itch.io/" target="_blank"><i class="fa-brands fa-itch-io" style="font-size: 150%;"></i></a>
</div>
</div>
</body>
</html>