diff --git a/home/urls.py b/home/urls.py index 957d1c7..184579c 100644 --- a/home/urls.py +++ b/home/urls.py @@ -4,7 +4,8 @@ app_name='home' urlpatterns = [ url(r'^$', views.Home.as_view(), name = 'home'), -url(r'^resources/', views.Resources.as_view(), name = 'resources') +url(r'^resources/', views.Resources.as_view(), name = 'resources'), +url(r'^aboutus/', views.AboutUs.as_view(), name = 'aboutus'), ] handler404 = 'Template404.as_view()' diff --git a/home/views.py b/home/views.py index 3bf2d5a..1741947 100644 --- a/home/views.py +++ b/home/views.py @@ -8,3 +8,6 @@ class Home(TemplateView): class Resources(TemplateView): template_name = 'home/resources/resources.html' + +class AboutUs(TemplateView): + template_name = 'home/aboutus/aboutus.html' diff --git a/staticFiles/home/base.css b/staticFiles/home/base.css index 38e9b78..0c268b3 100644 --- a/staticFiles/home/base.css +++ b/staticFiles/home/base.css @@ -1,9 +1,34 @@ .footer { - position: absolute; + position: fixed; right: 0; bottom: 0; left: 0; background-color: #222; + height: 120px; +} + +.jumbotron { + height: 800px; +} + +.vertical-center { + min-height: 100%; /* Fallback for browsers do NOT support vh unit */ + min-height: 83vh; /* These two lines are counted as one :-) */ + + display: flex; + align-items: center; +} + +.jumbotron h1{ + font-size: 6.2vw !important; +} + + + +#content { + padding-top: 0px; + margin-bottom: 110px; + clear: both; } .loader-wrapper { diff --git a/staticFiles/home/navstyle.css b/staticFiles/home/navstyle.css new file mode 100644 index 0000000..790015d --- /dev/null +++ b/staticFiles/home/navstyle.css @@ -0,0 +1,38 @@ +@import url('https://fonts.googleapis.com/css?family=Tangerine&effect=shadow-multiple|3d-float'); +.navbar-custom { +background-color: #23527C; +color: #fff; +} + +.navbar-custom .navbar-nav>.active> a, +.navbar-custom .navbar-nav>.active> a:focus, +.navbar-custom .navbar-nav>.active> a:hover { + border-radius: 10px 10px 0px 0px; + background: #00ACC1; + color: #23527C; +} + +.navbar-brand { +font-family: 'Tangerine',serif; +color: #fff; +} + +.navbar-header a.navbar-brand:hover { + color: #00ACC1; +} + +.navbar .nav > li > a { + float: none; + color: #EEE; + +} + +.navbar .nav > li > a:hover { + float: none; + color: #23527C; + border-radius: 10px 10px 0px 0px; +} + +.icon-bar { +background-color: #fff; +} diff --git a/templates/base.html b/templates/base.html index 3f7b87e..104be3a 100644 --- a/templates/base.html +++ b/templates/base.html @@ -9,6 +9,7 @@ {% block title %}Programming Club{% endblock %} + @@ -29,21 +30,21 @@ jQuery(window).load(function(){ jQuery(".loader-wrapper").fadeOut(2500); }); - +
-
-
-
-
-
+
+
+
+
+
-