Initial website commit

testBranch
s.eser 2024-04-26 18:33:11 +02:00
parent 0d2a519299
commit 804d616d1b
5 changed files with 70 additions and 2 deletions

BIN
.DS_Store vendored 100644

Binary file not shown.

BIN
Lebenslauf.pdf 100644

Binary file not shown.

View File

@ -1,6 +1,6 @@
#calculator{ #calculator{
font-family:Verdana; margin: auto;
background-color: black; background-color: black;
border-radius: 50px; border-radius: 50px;
max-width: 415px; max-width: 415px;
@ -10,7 +10,12 @@
#display{ #display{
width: 390px; font-family: Helvetica;
font-weight: lighter;
margin-left: 7.2%;
margin-top: 5%;
width: 350px;
height: 130px; height: 130px;
font-size: 4em; font-size: 4em;
text-align: right; text-align: right;
@ -25,6 +30,9 @@
#buttons{ #buttons{
font-family: Helvetica;
font-weight: lighter;
display:grid; display:grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
gap: 15px; gap: 15px;

26
index.html 100644
View File

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Selim's Homepage</title>
</head>
<body>
<div id="heading">
<h1>Selim Eser <br> Hochschule Mannheim <br> (2211482)</h1>
<a href="Lebenslauf.pdf" style="font-size: 2em; color: brown;" target="_blank">Resume</a>
<br><br>
</div>
<br><br><br>
<div id="projects">
<h1 style="font-size: 1.3em;">Projects</h1>
<br>
<div id="projectLinks">
<a href="calculator.html" target="_blank" style="color: brown;">Calculator</a>
<br><br><br>
</div>
</div>
</body>
<link rel="stylesheet" href="style.css">
</html>

34
style.css 100644
View File

@ -0,0 +1,34 @@
body{
text-align: center;
background-color: darkorange;
font-size: 2em;
color: white;
font-family:monospace;
}
#heading{
width: 800px;
margin: auto;
background-color: white;
border-style: groove;
border-width: 30px;
border-color: black;
color: black;
}
#projects{
width: 1200px;
margin: auto;
background-color: white;
border-style: groove;
border-width: 20px;
border-color: black;
color: black;
overflow-x: scroll;
}