gabdlr/a-dog-a-pet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(us): adds contact and about sections

Browse Source
This commit is contained in:
Gabriel De Los Rios
2024-12-10 01:05:56 -03:00
parent 5cd59bee2d
commit 93bb84f2a2
9 changed files with 108 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/templates/layout/layout.html
View File

@@ -50,7 +50,8 @@
</div>
<footer class="footer">
{% block footer %}
&copy; Copyright 2010 by <a href="http://domain.invalid/">you</a>.
<p class="m-0">Some images by <a href="https://www.freepik.com/">freepik</a>.</p>
<p class="m-0">This is <a href="https://github.com/gabdlr/a-dog-a-pet">my</a> CS50's final project.</p>
{% endblock %}
<form action="https://validator.w3.org/check" class="text-center" enctype="multipart/form-data" method="post" target="_blank">
<input name="doctype" type="hidden" value="HTML5">

25
app/templates/us/about.html Normal file
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 %}

43
app/templates/us/contact.html Normal file
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 %}