Skip to content

J i n g l e Bells website #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Unnimaya6122004 wants to merge 9 commits into
base: main
Choose a base branch
from
Open

J i n g l e Bells website #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
088d56b
Create readme for my website j i n g l e Bells.md
Unnimaya6122004 Dec 25, 2023
15bd568
cover page of my website Jingle Bells
Unnimaya6122004 Dec 25, 2023
ff48df5
christmas webpage of jingle Bells website
Unnimaya6122004 Dec 25, 2023
e556d28
greetings webpage of jingle bells website
Unnimaya6122004 Dec 25, 2023
175c0bd
santa webpage of jingle bells website
Unnimaya6122004 Dec 25, 2023
d5f94df
wish webpage of jingle bells website
Unnimaya6122004 Dec 25, 2023
adcdba0
Update README.md
Unnimaya6122004 Dec 29, 2023
9c49fef
Update GETTING_STARTED.md
Unnimaya6122004 Dec 29, 2023
a38a5cf
Update README.md
Unnimaya6122004 Dec 29, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
482 changes: 467 additions & 15 deletions GETTING_STARTED.md
View file
Open in desktop

Large diffs are not rendered by default.

7 changes: 4 additions & 3 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
# Project Name
# Project Name: J i n g l e Bells - Christmas Website

![Christmas Image](https://wallpapercg.com/media/ts_2x/447.webp)

## Project desc

## participant info

[Your name](github-profile-urls)
[Unnimaya K](https://github.com/Unnimaya6122004)

> to get started click [here](GETTING_STARTED.md)
71 changes: 71 additions & 0 deletions christmas.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Christmas</title>
<style>
body {
margin: 0;
padding: 0;
background-image: url('https://img.freepik.com/free-photo/card-soft-template-paper-report_1258-167.jpg');
background-size: cover;
background-position: center;
color: #333;
font-family: 'Arial', sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

.container {
width: 80%;
padding: 30px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 10px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
text-align: justify;
line-height: 1.6;
}

.container h1 {
font-size: 36px;
text-align: center;
margin-bottom: 20px;
color: #555;
}

.container h2 {
font-size: 24px;
margin-bottom: 15px;
color: #333;
}

.container p {
margin-bottom: 15px;
color: #444;
}
</style>
</head>

<body>
<div class="container">
<h1>CHRISTMAS</h1>
<h2>
Christmas celebrates the birth of Jesus. It is a time of joy, hope, and love shared among families and friends.
</h2>
<p>
The Gospels narrate the miraculous birth of Jesus Christ. According to Luke, Jesus was born in Bethlehem, wrapped in swaddling clothes, and laid in a manger because there was no room at the inn. Matthew's Gospel shares the story of the visit of the Magi, who brought gifts of gold, frankincense, and myrrh to honor the newborn king.
</p>
<p>
This season is marked by acts of kindness, gift-giving, and spreading cheer. Families come together, homes are adorned with decorations, and communities celebrate with carols and festive gatherings.
</p>
<p>
The essence of Christmas lies in compassion, gratitude, and spreading goodwill to all. It's a time to reflect on the blessings in our lives and share the spirit of generosity with those around us.
</p>
</div>
</body>

</html>
74 changes: 74 additions & 0 deletions cover page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jingle Bells</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<style>
body {
background-image: url('https://png.pngtree.com/thumb_back/fw800/background/20230815/pngtree-beautiful-merry-christmas-images-for-desktop-wallpapers-image_13067055.jpg');
background-size: cover;
background-position: center;
color: white;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: rgba(0, 0, 0, 0.7);
text-align: center;
border-radius: 8px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
h1 {
font-family: 'Arial Black', sans-serif;
font-size: 36px;
text-align: center;
margin-bottom: 20px;
}
.menu {
margin-top: 30px;
}
.menu a {
color: white;
text-decoration: none;
margin: 0 20px;
font-size: 18px;
transition: all 0.3s ease;
}
.menu a:hover {
text-decoration: underline;
}
h2 {
text-align: center;
color: white;
font-size: 24px;
margin-top: 40px;
line-height: 1.6;
font-style: italic;
font-weight: 500;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
</style>
</head>
<body>
<div class="container">
<h1>J i n g l e Bells</h1>
<div class="menu">
<nav>
<a href="christmas.html" target="_blank">About Christmas</a>
<a href="wish.html" target="_blank">Drop Your Wish</a>
<a href="santa.html" target="_blank">Santa's History</a>
<a href="greetings.html" target="_blank">Greetings</a>
</nav>
</div>
</div>
<h2>
May there be bread for the hungry, love for the unlovable, healing for the sick, protection for our children, and wisdom for our youth. May the magic of Christmas fill your home with love, your heart with warmth, and your life with joy. Wishing you a Christmas wrapped in peace, tied with love, and adorned with goodwill.
</h2>
</body>
</html>
100 changes: 100 additions & 0 deletions greetings.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Christmas Greetings</title>
<style>
body {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
background-image: url('https://wallpapers.com/images/hd/santa-claus-with-reindeers-under-full-moon-a77zrz4ksxanhei4.jpg');
background-size: cover;
color: #333;
line-height: 1.6;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

header {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
text-align: center;
padding: 20px 0;
margin-bottom: 20px;
}

.container {
max-width: 800px;
padding: 20px;
background-color: rgba(255, 255, 255, 0.9);
border-radius: 8px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

h1 {
margin: 0;
font-size: 36px;
margin-bottom: 20px;
}

.message {
padding: 20px;
border-radius: 8px;
background-color: #f5f5f5;
margin-bottom: 20px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}

.message p {
font-size: 18px;
margin-bottom: 15px;
line-height: 1.5;
}

.signature {
font-style: italic;
text-align: right;
}

.message:nth-child(even) {
background-color: #eaeaea;
}
</style>
</head>

<body>
<header>
<h1>Christmas Greetings</h1>
</header>
<div class="container">
<div class="message">
<p>Wishing you a season of joy, peace, and goodwill. Merry Christmas and a Happy New Year!</p>
<p class="signature">Warm wishes,<br> Unnimaya</p>
</div>

<div class="message">
<p>May this festive season sparkle and shine, bringing happiness and special moments. Merry Christmas!</p>
<p class="signature">Best regards,<br> Abhinandha</p>
</div>

<div class="message">
<p>Warmest thoughts and best wishes for a wonderful Christmas and a Happy New Year. Merry Christmas!</p>
<p class="signature">With joy,<br> Keerthana</p>
</div>

<div class="message">
<p>May the magic and the wonder of the holiday season stay with you throughout the coming year. Merry Christmas!</p>
<p class="signature">Cheers,<br> Manu</p>
</div>

<!-- Add more messages here -->

</div>
</body>

</html>
Loading