ThronRycer/CSS_Demos
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Create Boilerplate

Browse Source
This commit is contained in:
Philipp Klüter
2021-04-09 17:18:49 +02:00
parent 36a37bcd7e
commit 3efc794d75
5 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
50Days/boilerplate/index.html Normal file
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
crossorigin="anonymous" /> -->
<link rel="stylesheet" href="style.css" />
<title>My Project</title>
</head>
<body>
<h1>Project Starter</h1>
<script src="script.js"></script>
</body>
</html>

0
50Days/day1.css → 50Days/boilerplate/script.js
View File

16
50Days/boilerplate/style.css Normal file
View File

@@ -0,0 +1,16 @@
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
* {
box-sizing: border-box;
}
body {
font-family: "Roboto", sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
overflow: hidden;
margin: 0;
}

12
50Days/day1.html
View File

@@ -1,12 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="day1.css">
</head>
<body></body>
</html>

1
50Days/day1.js
View File

@@ -1 +0,0 @@
!