added contact page

This commit is contained in:
Rushil Umaretiya 2020-10-21 14:41:09 -04:00
parent 9e895c339a
commit 85be4ff761
6 changed files with 95 additions and 71 deletions

View File

@ -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;
}

View File

@ -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>

View File

@ -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 %}

View File

@ -6,82 +6,95 @@
{% endblock css %}
{% block content %}
<div class="container mt-5">
<h1 class="display-4">The Class Council</h1>
<p class="lead">We are here to serve you.</p>
<h1 class="display-4">The Class Council</h1>
<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>
<div class="person_cont">
<img src="{% static 'pages/css/img/vinay.png' %}" class="photo">
<div class="details">
<h3><b>The President</b></h3>
<p><a>Vinay Ayala</a></p>
<i>“Live life to the fullest.”</i>
<h2 class="text-center">Our Team</h2>
<div class="row">
<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>
<p><a>Vinay Ayala</a></p>
<i>“Live life to the fullest.”</i>
</div>
</div>
</div>
<div class="col-md-4">
<div class="person">
<img src="{% static 'pages/css/img/grace.png' %}" class="photo">
<div class="details">
<h3><b>The Treasurer</b></h3>
<p><a>Grace Guan</a></p>
<i>“I'm excited to serve again as a member of your class clowncil!”</i>
</div>
</div>
</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 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>
<p><a>Christina Han</a></p>
<i>“Needs a Quote”</i>
</div>
</div>
</div>
<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>
<p><a>Yulee Kang</a></p>
<i>“Is a Cutie :)”</i>
</div>
</div>
</div>
</div>
<div class="person_cont">
<img src="{% static 'pages/css/img/grace.png' %}" class="photo">
<div class="details">
<h3><b>The Treasurer</b></h3>
<p><a>Grace Guan</a></p>
<i>“I'm excited to serve again as a member of your class clowncil!”</i>
</div>
</div>
<div class="person_cont">
<img src="{% static 'pages/css/img/christina.png' %}" class="photo">
<div class="details">
<h3><b>The Secretary</b></h3>
<p><a>Christina Han</a></p>
<i>“Needs a Quote”</i>
</div>
</div>
<div class="person_cont">
<img src="{% static 'pages/css/img/yulee.png' %}" class="photo">
<div class="details">
<h3><b>Senator</b></h3>
<p><a>Yulee Kang</a></p>
<i>“Is a Cutie :)”</i>
</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="person_cont">
<img src="{% static 'pages/css/img/katelyn.png' %}" class="photo">
<div class="details">
<h3><b>The Historian</b></h3>
<p><a>Katelyn Chen</a></p>
&#127345;&#65039;&#127358;&#65039;&#128200;&#127883;
<div class="row">
<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>
<p><a>Katelyn Chen</a></p>
&#127345;&#65039;&#127358;&#65039;&#128200;&#127883;
</div>
</div>
</div>
</div>
</div>

View File

@ -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'),
]

View File

@ -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')