added contact page

pages/static/pages/css/styles.css

@@ -8,7 +8,7 @@ html {
   overflow-x: hidden;
 }
 
-.person_cont {
+.person {
     text-align: center;
     margin: 20px;
 }
@@ -26,10 +26,6 @@ html {
     box-shadow: 12px 12px rgb(0, 0, 0, 0.1), -12px -12px rgb(0, 0, 0, 0.3);
 }
 
-.council h2{
-    text-align: center;
-}
-
 .details p a {
     font-size: 25px;
 }

pages/templates/pages/base.html

@@ -41,7 +41,7 @@
                           <a class="dropdown-item" href="{% url 'council' %}">About us</a>
                           <a class="dropdown-item" href="{% url 'notes' %}">Our Meetings</a>
                           <div class="dropdown-divider"></div>
-                          <a class="dropdown-item" href="#">Contact Us</a>
+                          <a class="dropdown-item" href="{% url 'contact' %}">Contact Us</a>
                         </div>
                     </li>
                 </ul>

pages/templates/pages/contact.html

@@ -0,0 +1,11 @@
+{% extends 'pages/base.html' %}
+{% load static %}
+{% block title %}Council{% endblock title %}
+{% block css %}
+    <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
+{% endblock css %}
+{% block content %}
+<div class="container mt-5">
+    <h1 class="display-4">Contact Us!</h1>
+</div>
+{% endblock %}

pages/templates/pages/council.html

@@ -6,19 +6,30 @@
 {% endblock css %}
 {% block content %}
 <div class="container mt-5">
-<h1 class="display-4">The Class Council</h1>
+    <h1 class="display-4">The Class Council</h1>
-<p class="lead">We are here to serve you.</p>
+    <p class="lead">We are here to serve you.</p>
 </div>
 <hr>
-<div class="council container">
+<div class="container">
     <h2 class="display-6">Our Mission</h2>
     <p>Some description of what we do</p>
 </div>
 <hr>
 <div class="council">
-    <h2>Our Team</h2>
+    <h2 class="text-center">Our Team</h2>
-    
+    <div class="row">
-    <div class="person_cont">
+        <div class="col-md-4">
+            <div class="person">
+                <img src="{% static 'pages/css/img/chinmay.png' %}" class="photo">
+                <div class="details">
+                    <h3><b>The Vice President</b></h3>
+                    <p><a>Praneeth Chinmay Bhandaru</a></p>
+                    <i>“You don't need to be a potato to be good in life, all you need to do is trust yourself.”</i>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="person">
                 <img src="{% static 'pages/css/img/vinay.png' %}" class="photo">
                 <div class="details">
                     <h3><b>The President</b></h3>
@@ -27,17 +38,9 @@
 
                 </div>
             </div>
-    
-    <div class="person_cont">
-        <img src="{% static 'pages/css/img/chinmay.png' %}" class="photo">
-        <div class="details">
-            <h3><b>The Vice President</b></h3>
-            <p><a>Praneeth Chinmay Bhandaru</a></p>
-            <i>“You don't need to be a potato to be good in life, all you need to do is trust yourself.”</i>
         </div>
-    </div>
+        <div class="col-md-4">
-    
+            <div class="person">
-    <div class="person_cont">
                 <img src="{% static 'pages/css/img/grace.png' %}" class="photo">
                 <div class="details">
                     <h3><b>The Treasurer</b></h3>
@@ -46,8 +49,11 @@
 
                 </div>
             </div>
-
+        </div>
-    <div class="person_cont">
+    </div>
+    <div class="row">
+        <div class="col-md-4">
+            <div class="person">
                 <img src="{% static 'pages/css/img/christina.png' %}" class="photo">
                 <div class="details">
                     <h3><b>The Secretary</b></h3>
@@ -56,8 +62,19 @@
 
                 </div>
             </div>
-
+        </div>
-    <div class="person_cont">
+        <div class="col-md-4">
+            <div class="person">
+                <img src="{% static 'pages/css/img/rushil.png' %}" class="photo">
+                <div class="details">
+                    <h3><b>Senator</b></h3>
+                    <p><a>Rushil Umaretiya </a></p>
+                    <i>“Just failed his chem test, again.”</i>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="person">
                 <img src="{% static 'pages/css/img/yulee.png' %}" class="photo">
                 <div class="details">
                     <h3><b>Senator</b></h3>
@@ -66,17 +83,11 @@
 
                 </div>
             </div>
-
-    <div class="person_cont">
-        <img src="{% static 'pages/css/img/rushil.png' %}" class="photo">
-        <div class="details">
-            <h3><b>Senator</b></h3>
-            <p><a>Rushil Umaretiya </a></p>
-            <i>“Just failed his chem test, again.”</i>
         </div>
     </div>
-
+    <div class="row">
-    <div class="person_cont">
+        <div class="col-md-4 offset-md-4">
+            <div class="person">
                 <img src="{% static 'pages/css/img/katelyn.png' %}" class="photo">
                 <div class="details">
                     <h3><b>The Historian</b></h3>
@@ -84,6 +95,8 @@
                     “&#127345;&#65039;&#127358;&#65039;&#128200;&#127883;”
                 </div>
             </div>
+        </div>
+    </div>
 </div>
 
 {% endblock content %}

pages/urls.py

@@ -3,6 +3,7 @@ from . import views
 
 urlpatterns = [
     path('', views.index, name="index"),
+    path('contact/', views.contact, name='contact'),
     path('council/', views.council, name='council'),
-    path('events/', views.events, name='events')
+    path('events/', views.events, name='events'),
 ]

pages/views.py

@@ -19,3 +19,6 @@ def council(request):
 
 def events(request):
     return render(request, 'pages/events.html')
+
+def contact(request):
+    return render (request, 'pages/contact.html')