Initial website commit
parent
0d2a519299
commit
804d616d1b
Binary file not shown.
|
@ -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;
|
||||||
|
|
|
@ -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>
|
|
@ -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;
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue