feat(us): adds contact and about sections

This commit is contained in:
2024-12-10 01:05:56 -03:00
parent 5cd59bee2d
commit 93bb84f2a2
9 changed files with 108 additions and 2 deletions

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

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