feat(us): adds contact and about sections
This commit is contained in:
25
app/templates/us/about.html
Normal file
25
app/templates/us/about.html
Normal file
@@ -0,0 +1,25 @@
|
||||
{% extends "layout/layout.html" %}
|
||||
{% from "layout/inner_header.html" import inner_header%}
|
||||
{% block title %} about us {% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/about-us.css') }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="container-fluid about-us h-100">
|
||||
<div class="row justify-content-center">
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-12 col-sm-6 mt-5 mt-sm-0">
|
||||
<h1 class="text-white fs-1">About us</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-sm-6">
|
||||
<p>This is my CS50's project, dedicated to my cat that I love so much.</p>
|
||||
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Natus sit hic sapiente error at reprehenderit. Iste dolorum nesciunt obcaecati quo! Corporis iste minus, magnam impedit rem excepturi temporibus laboriosam placeat.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
43
app/templates/us/contact.html
Normal file
43
app/templates/us/contact.html
Normal file
@@ -0,0 +1,43 @@
|
||||
{% extends "layout/layout.html" %}
|
||||
{% from "forms/submit-btn.html" import form_submit_button %}
|
||||
{% from "layout/inner_header.html" import inner_header%}
|
||||
{% block title %} contact us {% endblock %}
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/contact-us.css') }}">
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<div class="container">
|
||||
<div class="contact-us mx-auto">
|
||||
<div class="my-3">
|
||||
{{ inner_header("Contact us") }}
|
||||
</div>
|
||||
<div class="row px-2">
|
||||
{% include 'message.html' %}
|
||||
</div>
|
||||
<form class="row g-3 needs-validation" method="post">
|
||||
<div class="col-12">
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="email" >Email address</label>
|
||||
<input
|
||||
type="email"
|
||||
class="form-control"
|
||||
{% if user != none %} disabled {% endif %}
|
||||
id="email"
|
||||
placeholder="name@example.com"
|
||||
{% if user != none %} value="{{user.email}}" {% endif %}
|
||||
>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="message" class="form-label">Your message</label>
|
||||
<textarea class="form-control" id="message" rows="3" required></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
{{ form_submit_button("Submit") }}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user