About the Saint
Born: March 27, 1416, in Paola, Calabria, Italy.
St. Francis was born into a poor farming family and showed great devotion to God from a young age. As a teenager, he chose to live as a hermit dedicated to prayer and service.
He founded the Order of Minims, a religious order focused on humility, fasting, and charity, which spread throughout Europe.
He died on April 2, 1507, in Plessis-les-Tours, France.
Why I Chose This Saint
I chose St. Francis of Paola because of his amazing humility and faith. His dedication to helping others and his miracles inspire me to be more loving and patient in my own life.
He showed many gifts of the Holy Spirit such as faith, healing, and humility. I hope to follow his example by being more charitable and practicing self-control.
What Made St. Francis Special
St. Francis was known for his deep faith, humility, and miraculous deeds, including healing the sick and calming storms at sea.
He practiced extreme fasting and charity, showing the fruits of self-control and love.
He founded the Order of Minims, which continues his mission of humility and service.
Canonization and Feast Day
He was canonized by Pope Leo X in 1519, 12 years after his death.
His feast day is celebrated every year on April 2nd.
Extra Information
St. Francis of Paola is the patron saint of sailors and boatmen because of stories about him calming storms. He is also said to have traveled across the sea on his cloak as a miracle.
His religious order, the Minims, is still active today.
Image
This is an image of St. Francis of Paola.
Interactive Map of St. Francis of Paola
This map highlights important places from the life of St. Francis of Paola, such as his birthplace and the monastery he founded.
If the map below doesn't load, scroll down to see a screenshot version.
Backup Map Image
This is a screenshot of the interactive map in case it doesn’t load.
Saintly Reflections
“Omnia cum amore, nihil cum vi.” – St. Francis of Paola Quotation
“Verus servus Dei pane tribulationis et aqua lacrimarum vescitur. Sies di supreme.” - Roughly translates to "The true servant of God feeds on the bread of tribulation, and the water of tears."
“The recollection of an injury is... a rusty arrow and poison for the soul.” – Francis
Bibliography
All website code is original. Thanks for listening (code below for bugfixing).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Saint Confirmation Project</title>
<link rel="icon" type="image/png" href="McSiKky's.png" />
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Outfit&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet" />
</head>
<body>
<div class="wrapper">
<header>
<h1>St. Francis of Paola Information Webpage</h1>
</header>
<main>
<section>
<h2>About the Saint</h2>
<p><strong>Born:</strong> March 27, 1416, in Paola, Calabria, Italy.</p>
<p>St. Francis was born into a poor farming family and showed great devotion to God from a young age. As a teenager, he chose to live as a hermit dedicated to prayer and service.</p>
<p>He founded the Order of Minims, a religious order focused on humility, fasting, and charity, which spread throughout Europe.</p>
<p>He died on April 2, 1507, in Plessis-les-Tours, France.</p>
</section>
<section>
<h2 class="alt-color">Why I Chose This Saint</h2>
<p>I chose St. Francis of Paola because of his amazing humility and faith. His dedication to helping others and his miracles inspire me to be more loving and patient in my own life.</p>
<p>He showed many gifts of the Holy Spirit such as faith, healing, and humility. I hope to follow his example by being more charitable and practicing self-control.</p>
</section>
<section>
<h2>What Made St. Francis Special</h2>
<p>St. Francis was known for his deep faith, humility, and <span title="You know what else is miraculous? How McSiKky's is still open...">miraculous</span> deeds, including healing the sick and calming storms at sea.</p>
<p>He practiced extreme fasting and charity, showing the fruits of self-control and love.</p>
<p>He founded the Order of Minims, which continues his mission of humility and service.</p>
</section>
<section>
<h2 class="alt-color">Canonization and Feast Day</h2>
<p>He was canonized by Pope Leo X in 1519, 12 years after his death.</p>
<p>His feast day is celebrated every year on April 2nd.</p>
</section>
<section>
<h2>Extra Information</h2>
<p>St. Francis of Paola is the patron saint of sailors and boatmen because of stories about him calming storms. He is also said to have traveled across the sea on his cloak as a miracle.</p>
<p>His religious order, the Minims, is still active today.</p>
</section>
<section>
<h2 class="alt-color">Image</h2>
<img src="FrancisofPaola.jpg" alt="Image of St. Francis of Paola" />
<p><strong>This is an image of St. Francis of Paola.</strong></p>
</section>
<section>
<h2>Interactive Map of St. Francis of Paola</h2>
<p>This map highlights important places from the life of St. Francis of Paola, such as his birthplace and the monastery he founded.</p>
<p><strong><em>If the map below doesn't load, scroll down to see a screenshot version.</em></strong></p>
<iframe
src="https://www.google.com/maps/d/embed?mid=1xEUMh8J5KA9ICWx7XSdyJOBPRuyUW4w&ehbc=2E312F&noprof=1"
width="640"
height="480"
style="border:0; width: 100%; max-width: 640px; margin: 0 auto; display: block;"
allowfullscreen=""
loading="lazy">
</iframe>
</section>
<section class="backup-map">
<h2 class="alt-color">Backup Map Image</h2>
<p>This is a screenshot of the interactive map in case it doesn’t load.</p>
<img src="Jimbo.png" alt="Screenshot of custom map created in Google My Maps" />
</section>
<section class="latin-quotes">
<h2>Saintly Reflections</h2>
<p><em>“Omnia cum amore, nihil cum vi.”</em> – St. Francis of Paola Quotation</p>
<p><em>“Verus servus Dei pane tribulationis et aqua lacrimarum vescitur. Sies di supreme.”</em> - Roughly translates to "The true servant of God feeds on the bread of tribulation, and the water of tears."</p>
<p><em>“The recollection of an injury is... a rusty arrow and poison for the soul.”</em> – Francis</p>
</section>
<section>
<h2 class="alt-color">Bibliography</h2>
<ul>
<li><a href="https://en.wikipedia.org/wiki/Francis_of_Paola" target="_blank" rel="noopener noreferrer">Wikipedia</a></li>
<li><a href="https://www.franciscanmedia.org/saint-of-the-day/saint-francis-of-paola/" target="_blank" rel="noopener noreferrer">Franciscan Media</a></li>
<li><a href="https://chatgpt.com" target="_blank" rel="noopener noreferrer">ChatGPT</a></li>
<li><a href="https://www.amazon.com.au/Saints-Young-Readers-Every-Vol/dp/0819870811" target="_blank" rel="noopener noreferrer">Saints Jan to Jul Book (link to amazon)</a></li>
</ul>
</section>
<section>
<p>
All website code is original. Thanks for listening (code below for bugfixing).
</p>
<p>To print in Python, use <code></code>.</p>
</section>
</main>
<footer>
<p>© 2025 Louis - Confirmation Project. All code on this website is original code.</p>
<p style="font-size: 0.4rem;">Proudly fuelled by McSiKky's.</p>
</footer>
</div>
</body>
</html>
CSS Code
/* Layout fix for sticky footer */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font-family: 'Outfit', sans-serif;
background-color: #ffffe4; /* Creamy off-white */
color: #333;
line-height: 1.6;
display: flex;
flex-direction: column;
}
.wrapper {
flex: 1;
display: flex;
flex-direction: column;
}
/* Typography resets */
body, h1, h2, p {
margin: 0;
padding: 0;
}
header, footer {
font-family: 'Poppins', sans-serif;
box-sizing: border-box;
width: 100%;
}
header {
background-color: #191970;
color: white;
padding: 40px 0;
text-align: center;
margin-bottom: 20px;
}
footer {
background-color: #0dac60;
color: white;
text-align: center;
padding: 15px 0;
margin-top: auto;
}
main {
max-width: 800px;
margin: 0 auto;
padding: 0 15px 40px;
}
section {
margin-bottom: 30px;
}
section img {
max-width: 100%;
height: auto;
margin-top: 10px;
display: block;
border: 1px solid #ccc;
border-radius: 5px;
}
h2 {
font-family: 'Poppins', sans-serif;
font-size: 1.8rem;
font-weight: 600;
margin: 20px 0 10px 0;
color: #191970; /* default dark blue */
}
h2.alt-color {
color: #0dac60; /* alternate dark green */
}
h1 {
font-size: 2.5rem;
font-weight: 700;
margin: 0;
}
p {
font-size: 1.1rem;
line-height: 1.8;
font-weight: 500;
}
.backup-map {
margin-top: 30px;
text-align: center;
}
.backup-map img {
max-width: 100%;
height: auto;
border: 1px solid #ccc;
border-radius: 8px;
margin-top: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.backup-map p {
font-size: 1rem;
font-weight: 500;
color: #555;
}