Skip to content

Commit add09f1

Browse files
daggerokdaggerok
committed
Initial commit
0 parents  commit add09f1

File tree

5 files changed

+82
-0
lines changed

5 files changed

+82
-0
lines changed

‎.gitgnore

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.idea/
2+
node_modules
3+
*.iml
4+
*.ipr
5+
*.iws
6+
*.log*
7+
.DS_Store
8+
out/
9+
build/
10+
dist/
11+
target/
12+
.cache/

‎README.md

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# HTML footer css
2+
By using flex
3+
4+
```html
5+
<html lang="en">
6+
<head>
7+
<title>Minimal bottom footer css</title>
8+
<style>
9+
.app {
10+
min-height: 100vh;
11+
display: flex;
12+
flex-direction: column;
13+
}
14+
.app-content {
15+
flex: 1;
16+
}
17+
</style>
18+
</head>
19+
<body class="app">
20+
<nav>navbar is here</nav>
21+
<div class="app-content">
22+
Site main content is here
23+
</div>
24+
<footer>footer is here</footer>
25+
</body>
26+
</html>
27+
```

‎index.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<html lang="en">
2+
<head>
3+
<title>Minimal bottom footer css</title>
4+
<link rel="stylesheet" href="./node_modules/resetcss/reset.min.css">
5+
<link rel="stylesheet" href="style.css">
6+
</head>
7+
<body class="app">
8+
<nav>
9+
<p>navbar is here</p>
10+
</nav>
11+
<div class="app-content">
12+
<p>Site main content is here</p>
13+
</div>
14+
<footer>
15+
<p>footer is here</p>
16+
</footer>
17+
</body>
18+
</html>

‎package.json

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
{
2+
"name": "html-footer",
3+
"version": "1.0.0",
4+
"description": "",
5+
"main": "index.js",
6+
"scripts": {
7+
"start": "serve ."
8+
},
9+
"keywords": [],
10+
"author": "",
11+
"license": "ISC",
12+
"devDependencies": {
13+
"resetcss": "1.0.3",
14+
"serve": "10.1.2"
15+
}
16+
}

‎style.css

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
.app {
2+
min-height: 100vh;
3+
display: flex;
4+
flex-direction: column;
5+
}
6+
7+
.app-content {
8+
flex: 1;
9+
}

0 commit comments

Comments
 (0)