DavidJentes
/
websitedesign2022
mirror of https://github.com/davidjentes/websitedesign2022
1
0
Fork 0
Code

Added some HTML content and CSS styling for it

master
DavidDGTNT 2021-11-18 19:32:29 +00:00
parent 7459b3649b
commit 46b70dea92
2 changed files with 63 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/assets/css/main.css
View File

@ -0,0 +1,50 @@
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1&family=Open+Sans&family=Roboto&family=Shippori+Antique&display=swap');
body {
margin: 0px;
background-color: #ff7f50;
}
header h1 {
font-family: "Shippori Antique", sans-serif;
display: inline-block;
padding: 10px;
color: #ffffff;
}
header nav {
display: inline-block;
}
ul {
list-style-type: none;
margin: 0;
padding: 10px;
background-color: #d2691e;
}
li {
display: inline;
}
li a {
display: inline-block;
color: #ffffff;
background-color: #a52a2a;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: "M PLUS 1", sans-serif;
}
main {
margin: 10px;
padding: 10px;
background-color: #d2691e;
font-family: "Open Sans", sans-serif;
color: #ffffff;
}
main p {
font-family: "Roboto", sans-serif;
}

14
src/index.html
View File

@ -2,8 +2,20 @@
<html> <html>
<head> <head>
<title>Document</title> <title>Document</title>
<link rel="stylesheet" href="assets/css/main.css">
</head> </head>
<body> <body>
<header>
<h1>Lyza the Sheepdog</h1>
<nav>
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="about/about.html">About</a></li>
</ul>
</nav>
</header>
<main>
<h2>Travel back in time!</h2>
</main>
</body> </body>
</html> </html>