Add image for jumbotron

fixes#77
pclubuiet · Oct 6, 2017 · fbf94f0 · fbf94f0
1 parent 7c68544
commit fbf94f0
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/templates/home/1.jpg b/templates/home/1.jpg
diff --git a/templates/home/home.html b/templates/home/home.html
@@ -1,13 +1,16 @@
 {% extends "base.html" %}
 {% load staticfiles %}
+<link rel="stylesheet" type="text/css" href="home1.css">
 {% block title %}Programming Club {% endblock %}
 {% block content %}
+<div class="wrapper">
 <div class="jumbotron">
   <div class="container">
     <h1><center>Programming Club</center></h1>
     <h3><center>UIET, Panjab University</center></h3>
   </div>
 </div>
+</div>
 <div class="container text-center">
   <h1>About us</h1>
   <p>Programming club is one of the biggest clubs of Panjab University. We aim and create a platform which allows students to gain assistance and mentorship to enhance their ability. Our aim is to propagate the enthusiasm for programming in the institute. We believe that every student should have an opportunity to learn how to code and we help them develop that passion for it.</p>

diff --git a/templates/home/home1.css b/templates/home/home1.css
@@ -0,0 +1,30 @@
+.wrapper {
+    position: relative;
+    height: 100vh;
+}
+
+
+
+.jumbotron {
+
+  background-image:url('1.jpg');
+  min-height: 100%;
+  min-height: 100vh;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+h1 {
+  color: white;
+  font-size: 300%;
+  text-shadow: 5px 6px black;
+  font-family:Georgia;
+}
+h3 {
+  color: white;
+  font-size: 175%;
+  font-family:Georgia;
+  text-shadow: 5px 6px black;
+
+}