make sticky footer / background for every page

This commit is contained in:
lm
2021-09-04 14:44:54 +02:00
parent 9208149749
commit 413da9b0e9
2 changed files with 85 additions and 38 deletions
+31 -22
View File
@@ -12,41 +12,50 @@
<body>
<header class="header">
<header class="header shade">
<div>
<a href="/"><img id="logo" src="{% static 'img/logo.png' %}" alt="Logo"></a>
<a href="/"><img id="logo" src="{% static 'img/logo.png' %}" alt="Logo"></a>
</div>
<div class="header-text-small">made using Django❤️</div>
<div class="header-text">Sign in:</div>
<a href="#" class="header-link">Github</a>
<a href="#" class="header-link">Twitter</a>
</header>
<section class="landing-section landing-main">
<section class="landing-section landing-bg">
<div class="landing-section-content">
<h1 class="brand">Lyux</h1>
<h2>
<span class="brand-text">Land</span>ing
<span class="brand-text">Pa</span>ge
</h2>
<p class="landing-main-text">
This is my first landing Page
<br>
I can do everything i want here.
</p>
<div class="landing-section-content-inner shade">
<h1 class="brand">PyHub</h1>
<h2>
<span class="brand-text">Land</span>ing
<span class="brand-text">Pa</span>ge
</h2>
<p class="landing-main-text">
This is the PyHub landing Page
<br>
I can and will do everything i want here.
</p>
</div>
</div>
</section>
<section class="landing-section landing-features">
<footer>
<div>
<p>made using Django ❤️</p>
</div>
</footer>
<section class="landing-feature feature-github">
<h2>Connect with <span class="brand-text">Github</span></h2>
</section>
<section class="landing-feature feature-twitter">
<h2>Connect with <span class="brand-text">Twitter</span></h2>
</section>
<section class="landing-section landing-bg">
<div class="shade">
<section class="landing-feature">
<h2>Connect with <span class="brand-text">Github</span></h2>
</section>
<section class="landing-feature">
<h2>Connect with <span class="brand-text">Twitter</span></h2>
</section>
</div>
</section>