cs11001_project

Three-page portfolio website
Log | Files | Refs | README | LICENSE
commit 6de73dec32e8a5b2ea51d723100fc73f614b563a
parent 03c303bd52cdbb37010efe4c5b3f7a909d2f35e2
Author: Jo Young <2690290@dundee.ac.uk>
Date:   Mon, 19 Jan 2026 15:05:08 +0000

Added page 1 layout

Diffstat:

Mindex.html | 24++++++++++++++++++++++--


Mstylesheet.css | 17+++++++++++++++++


Atitle.webp | 0


3 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
@@ -1,10 +1,30 @@
 <!DOCTYPE html>
 <html>
 	<head>
-		<link rel=icon href="icon.png"/>
+		<link rel=icon href="icon.ico"/>
 		<link rel=stylesheet href="stylesheet.css"/>
-		<title></title>
+		<title>Portfolio</title>
 	</head>
 	<body>
+		<main>
+			<div class=sidebar>
+				<tt>
+					<br/>
+					<b>Portfolio</b><br/>
+					<hr/>
+					<a href="target:blank">&lt page 1 &gt</a><br/>
+					<hr/>
+					<a href="target:blank">&lt page 2 &gt</a><br/>
+					<hr/>
+					<a href="target:blank">&lt page 3 &gt</a><br/>
+					<hr/>
+				</tt>
+			</div>
+			<div class="main">
+				<img class="title" src="title.webp"/>
+				<div style="padding-left: 2vw; text-align: left">
+				</div>
+			</div>
+		</main>
 	</body>
 </html>
diff --git a/stylesheet.css b/stylesheet.css
@@ -0,0 +1,17 @@
+body {
+	margin: 0px;
+} main {
+	display: grid;
+	grid-template-columns: 120px auto;
+} .sidebar {
+	height: 100vh;
+	text-align: center;
+	background-image: linear-gradient(#31658B, #203039);
+} .sidebar, .sidebar a {
+	color: white;
+} .main {
+	height: 100vh;
+	background-image: linear-gradient(#FFBB81, #D88C59);
+	border-left: #D88C59 dotted 3px;
+	text-align: center;
+}
diff --git a/title.webp b/title.webp
Binary files differ.