Skip to content

Safesphere #7

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
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Safesphere #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2e246ee
initial commit
Niya-Sibi Jan 26, 2025
48ab34b
Update README.md
Niya-Sibi Jan 26, 2025
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
39 changes: 21 additions & 18 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,31 +1,31 @@
# [Project Name] 🎯
# [SAFESPHERE] 🎯


## Basic Details
### Team Name: [Name]
### Team Name: [DONE FOR]


### Team Members
- Member 1: [Name] - [College]
- Member 2: [Name] - [College]
- Member 3: [Name] - [College]
- Member 1: [ARYA JOHN] - [LBS INSTITUTE OF ENGINEERING FOR WOMEN,POOJAPURA]
- Member 2: [NIYA SIBI] - [LBS INSTITUTE OF ENGINEERING FOR WOMEN,POOJAPURA]

### Hosted Project Link
[mention your project hosted project link here]
[https://glistening-begonia-183f5d.netlify.app/]

### Project Description
[2-3 lines about what your project does]
[A platform which is dedicated to providing real-time disaster alerts and essential resources to support communities in need. Whether you are looking to lend a helping hand, access critical guidelines, or contribute to disaster relief efforts, we offer a comprehensive set of tools and information to empower individuals and organizations alike.>]

### The Problem statement
[What ridiculous problem are you solving?]
[To tackle the lack of awareness of people about disaster and to ensure more volunteer support]

### The Solution
[How are you solving it? Keep it fun!]
[Made a website which provides necessary guidelines,emergency contacts,volunteer registration portal]

## Technical Details
### Technologies/Components Used
For Software:
- [Languages used]
- [HTML,CSS]
- [Frameworks used]
- [Libraries used]
- [Tools used]
Expand All @@ -47,14 +47,17 @@ For Software:
For Software:

# Screenshots (Add at least 3)
![Screenshot1](Add screenshot 1 here with proper name)
*Add caption explaining what this shows*
![Home Page](https://github.com/user-attachments/assets/dee52c84-9443-4d0d-920d-af7f653af16d)
*Home Page*

![Screenshot2](Add screenshot 2 here with proper name)
*Add caption explaining what this shows*
![Guidelines Page](https://github.com/user-attachments/assets/1b48f908-412b-41cd-88f7-066d4e10f311)
*provides essential guidelines and safety measures regarding disaster management*

![Screenshot3](Add screenshot 3 here with proper name)
*Add caption explaining what this shows*
!![Resource page](https://github.com/user-attachments/assets/4f639b55-245f-48cc-a86d-7e7aad54170e)
*In case of emergencies, districtwise authorities contactlist is provided *

![volunteering registration portal](https://github.com/user-attachments/assets/c014a1cf-e6cc-4c78-ae05-63c938921b71)
*those who are interested to join as part of a disaster management volunteering team and lack the knowledge to express their interest, can submit their details*

# Diagrams
![Workflow](Add your workflow/architecture diagram here)
Expand Down Expand Up @@ -84,8 +87,8 @@ For Hardware:

### Project Demo
# Video
[Add your demo video link here]
*Explain what the video demonstrates*
[https://drive.google.com/file/d/1TRoTxun2OMEUe8e91UfnqKeb59cuj5ff/view?usp=drive_web]
*Demonstrates the working of the website...Starting with the home page..moving to next pages like guidelines,resource,community engagement....content of each page is shown..*

# Additional Demos
[Add any extra demo materials/links]
Expand Down
15 changes: 15 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
</body>
</html><!DOCTYPE html>
Comment on lines +1 to +2
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Fix invalid HTML structure.

The file starts with closing tags before the DOCTYPE declaration, which is invalid HTML.

-</body>
-</html><!DOCTYPE html>
+<!DOCTYPE html>
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
</body>
</html><!DOCTYPE html>
<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 style="color: darkslateblue;">About</h1>
</p> Our platform is dedicated to providing real-time disaster alerts and essential resources to support communities in need. Whether you are looking to lend a helping hand, access critical guidelines, or contribute to disaster relief efforts, we offer a comprehensive set of tools and information to empower individuals and organizations alike.></p>
</p>Together, we can make a significant impact in times of crisis. Join us in supporting communities and creating a safer, more resilient world.</p>
Comment on lines +11 to +12
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Fix malformed paragraph tags and improve content structure.

The paragraph tags are incorrectly closed and opened.

-</p> Our platform is dedicated to providing real-time disaster alerts and essential resources to support communities in need. Whether you are looking to lend a helping hand, access critical guidelines, or contribute to disaster relief efforts, we offer a comprehensive set of tools and information to empower individuals and organizations alike.></p>
+<p>Our platform is dedicated to providing real-time disaster alerts and essential resources to support communities in need. Whether you are looking to lend a helping hand, access critical guidelines, or contribute to disaster relief efforts, we offer a comprehensive set of tools and information to empower individuals and organizations alike.</p>
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
</p> Our platform is dedicated to providing real-time disaster alerts and essential resources to support communities in need. Whether you are looking to lend a helping hand, access critical guidelines, or contribute to disaster relief efforts, we offer a comprehensive set of tools and information to empower individuals and organizations alike.></p>
</p>Together, we can make a significant impact in times of crisis. Join us in supporting communities and creating a safer, more resilient world.</p>
<p>Our platform is dedicated to providing real-time disaster alerts and essential resources to support communities in need. Whether you are looking to lend a helping hand, access critical guidelines, or contribute to disaster relief efforts, we offer a comprehensive set of tools and information to empower individuals and organizations alike.</p>
</p>Together, we can make a significant impact in times of crisis. Join us in supporting communities and creating a safer, more resilient world.</p>

</p> Feel free to adjust the content to fit your tone or any additional details you’d like to include!</p>
</P> In case of any queries regarding the website, do email us</p>
</p> [email protected] or [email protected]</p>
Comment on lines +14 to +15
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codebase verification

⚠️ Potential issue

⚠️ Confirmed: Personal email addresses exposed in public HTML

These Gmail addresses should be removed from about.html immediately. Consider replacing them with:

  • A contact form with spam protection
  • A generic business email address (e.g., [email protected])
  • A "Contact Us" button that reveals the email through JavaScript to prevent scraping
🔗 Analysis chain

Remove personal email addresses from the public HTML.

Exposing personal email addresses in public HTML can lead to spam and security issues. Consider using a contact form or a generic support email address.

🏁 Scripts executed

The following scripts were executed for the analysis:

Script:

#!/bin/bash
# Check for other instances of email addresses in the codebase
rg -i '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}'

Length of output: 122

Binary file added asset/flood.png.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
136 changes: 136 additions & 0 deletions guidelines.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,136 @@
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
Comment on lines +1 to +9
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Fix document structure and enhance metadata.

The HTML structure has several issues that need to be addressed:

  1. Remove the unexpected closing tags at the start of the file
  2. Update the title to reflect the page content
  3. Add the CSS file reference for styling
  4. Add appropriate meta tags for SEO
-</body>
-</html><!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>SAFESPHERE - Disaster Management Guidelines</title>
+    <meta name="description" content="Comprehensive safety guidelines for various disaster scenarios including earthquakes, floods, fires, and more.">
+    <link rel="stylesheet" href="styles.css">
 </head>
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
</body>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SAFESPHERE - Disaster Management Guidelines</title>
<meta name="description" content="Comprehensive safety guidelines for various disaster scenarios including earthquakes, floods, fires, and more.">
<link rel="stylesheet" href="styles.css">
</head>
<body>

<h1 style="color: rgb(188, 21, 206);">Guidelines</h1>
<h2 style="color: rgb(23, 22, 23);">1.Earth quake</h2>
<p></p>
Guidelines:

Stay indoors during an earthquake; do not run outside.
Drop to the ground, take cover under furniture or against an interior wall, and hold on until shaking stops.
Stay away from windows, glass, and exterior walls.
If outdoors, stay in an open area away from buildings, trees, and power lines.
</p>
<p></p>
Safety Measures:

Secure heavy furniture and appliances to walls.
Have an emergency kit with food, water, first aid, flashlight, and batteries.
Know how to turn off the gas, electricity, and water in your home.
</p>
Comment on lines +12 to +26
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Fix inconsistent paragraph tags and improve content structure.

There are several instances of incorrectly opened/closed paragraph tags and inconsistent HTML structure.

For example, in the earthquake section:

-    <p></p>
-    Guidelines:
-
-    Stay indoors during an earthquake; do not run outside.
-    Drop to the ground, take cover under furniture or against an interior wall, and hold on until shaking stops.
-    Stay away from windows, glass, and exterior walls.
-    If outdoors, stay in an open area away from buildings, trees, and power lines.
-</p>
+    <div class="guidelines">
+        <h3>Guidelines:</h3>
+        <ul>
+            <li>Stay indoors during an earthquake; do not run outside.</li>
+            <li>Drop to the ground, take cover under furniture or against an interior wall, and hold on until shaking stops.</li>
+            <li>Stay away from windows, glass, and exterior walls.</li>
+            <li>If outdoors, stay in an open area away from buildings, trees, and power lines.</li>
+        </ul>
+    </div>

Also applies to: 49-55, 77-83

<h2 style="color: rgb(23, 22, 23);">2. Floods</h2>
<p></p>
Guidelines:

Move to higher ground immediately if you are in a flood-prone area.
Avoid driving through flooded roads.
Stay away from floodwaters, as they can be contaminated or hide dangerous debris.
Follow evacuation orders from authorities.
</p>
Safety Measures:

Install sump pumps or flood barriers if you're in a flood-prone area.
Elevate important items above potential flood levels.
Keep an emergency kit in an accessible, elevated location.
<h2 style="color: rgb(23, 22, 23);">3.Fires</h2>

Guidelines:

If you're in a building, evacuate immediately when a fire alarm sounds.
If trapped by smoke, stay low to the ground and cover your mouth with a cloth.
Do not use elevators during a fire.
Know multiple escape routes from your home or workplace.
<p></p>
Safety Measures:

Install smoke detectors in every bedroom and hallway.
Keep fire extinguishers in easily accessible locations.
Have an evacuation plan and practice fire drills regularly.
</p>
<h2 style="color: rgb(23, 22, 23);">4.Hurricanes/Typhoons</h2>

Guidelines:

Stay indoors during the storm, away from windows and doors.
If ordered to evacuate, do so immediately and follow evacuation routes.
Have an emergency kit ready, including a flashlight, water, food, and medications.
<p></p>
Safety Measures:

Secure windows and doors before the storm hits.
Stock up on essential supplies like bottled water, non-perishable food, and medications.
Install storm shutters or use plywood to protect windows from wind damage.
</p>
<h2 style="color: rgb(23, 22, 23);">5.Tornadoes</h2>

Guidelines:

Take shelter in a basement or an interior room on the lowest level of a building.
Avoid windows and cover your head and neck.
Stay informed by listening to weather reports or a NOAA weather radio.
<P></P>
Safety Measures:

Have a safe room or storm shelter.
Keep a disaster kit with essentials in your shelter area.
Know the warning signs of a tornado, such as a greenish sky or a large, low-lying, dark-colored cloud.
</p>
<h2 style="color: rgb(23, 22, 23);">6.Wildfires</h2>

Guidelines:

Evacuate if advised by local authorities and avoid driving in smoky areas.
If trapped, stay in a cleared area, cover your nose and mouth with a cloth, and try to protect yourself from heat.
Don't attempt to fight a wildfire on your own.
<p></p>
Safety Measures:

Create defensible space around your home by clearing brush and flammable materials.
Have a fire escape plan for your family and pets.
Keep fire extinguishers and hoses easily accessible.
</p>
<h2 style="color: rgb(23, 22, 23);">7.Pandemics(health-related Disasters)</h2>

Guidelines:

Follow public health advice regarding quarantine, mask-wearing, and social distancing.
Wash hands frequently with soap and water or use hand sanitizer.
Seek medical attention if feeling ill or showing symptoms of the disease.
<p></p>
Safety Measures:

Keep a stock of essential medical supplies, including masks, hand sanitizers, and disinfectant.
Have a quarantine plan in case you or someone in your household is exposed.
Monitor official health channels for updates.
</p>
<h2 style="color: rgb(23, 22, 23);">8.Nuclear/Radiation Emergencies</h2>

Guidelines:

Take shelter indoors immediately, preferably in a basement or underground area.
Seal windows and doors to minimize exposure.
Stay tuned to emergency broadcasts for evacuation orders and further instructions.
<p></p>
Safety Measures:

Keep a disaster kit with radiation protection materials such as iodine tablets (if advised by authorities).
Stay indoors until the all-clear is given by authorities.
Know the location of the nearest fallout shelter.
</p>
Comment on lines +10 to +125
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

Move styles to CSS file and fix HTML structure.

The content has several structural and styling issues:

  1. Inline styles should be moved to a CSS file
  2. Inconsistent and incorrect usage of paragraph tags
  3. Empty paragraph tags used for spacing

Here's how to improve the structure:

-    <h1 style="color: rgb(188, 21, 206);">Guidelines</h1>
-    <h2 style="color: rgb(23, 22, 23);">1.Earth quake</h2>
-    <p></p>
-    Guidelines:
+    <h1>Guidelines</h1>
+    <section class="disaster-guide">
+        <h2>1. Earthquake</h2>
+        <h3>Guidelines:</h3>
+        <ul>
+            <li>Stay indoors during an earthquake; do not run outside.</li>
+            <li>Drop to the ground, take cover under furniture or against an interior wall, and hold on until shaking stops.</li>
+            <!-- ... other guidelines ... -->
+        </ul>

Add this to your CSS file:

h1 {
    color: #bc15ce;
}

h2 {
    color: #171617;
    margin-top: 2rem;
}

.disaster-guide {
    margin-bottom: 2rem;
}

.disaster-guide ul {
    margin: 1rem 0;
    padding-left: 2rem;
}

General Disaster Preparedness Tips:
Emergency Kit: Always have a disaster kit that includes first aid supplies, flashlights, batteries, non-perishable food, water, medications, and important documents.
Communication Plan: Establish a family emergency communication plan that includes meeting spots and contacts.
Training: Consider taking CPR, first aid, and basic survival training.







Comment on lines +1 to +136
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

Enhance accessibility for critical safety information.

As this page contains vital safety information, it's crucial to ensure it's accessible to all users, including those using screen readers.

Consider these accessibility improvements:

  1. Add proper ARIA labels and roles
  2. Use semantic HTML structure
  3. Ensure sufficient color contrast
  4. Add skip navigation links

Example implementation:

<main role="main" aria-label="Disaster Management Guidelines">
    <nav class="skip-links">
        <a href="#main-content" class="skip-link">Skip to main content</a>
    </nav>
    
    <h1 id="main-content">Guidelines</h1>
    
    <section class="disaster-guide" aria-labelledby="earthquake-heading">
        <h2 id="earthquake-heading">1. Earthquake</h2>
        <!-- ... -->
    </section>
</main>

17 changes: 17 additions & 0 deletions img.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Image Example</title>
</head>
<body>

<h1></h1>
<p>Hope</p>

<!-- Adding an image -->
<img src=C:\Users\Athara Niya\OneDrive\Desktop\vs code\asset\flood.png.jpg alt="Description of the image" width="500" height="300">

</body>
</html>
98 changes: 98 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>safesphere</title>
</head>
<body>
<link rel="stylesheet"
href="new.css">
<h1 style="color: rgb(100, 221, 169);">"Disaster Shield:Be prepared,Stay safe"</h1>
<p style="color: rgb(33, 112, 160);"> Welcome to our Disaster Management Hub, where preparedness meets action. Our mission is to provide reliable resources, expert guidance, and cutting-edge solutions for disaster prevention, response, and recovery. Whether you're an individual, business, or community leader, we offer the tools and knowledge you need to effectively manage emergencies and minimize their impact. Together, we can build a resilient future, one step at a time. Join us in making disaster preparedness a priority—because every moment counts when it comes to saving lives and protecting what matters most.</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>

<!-- Sidebar -->
<div class="sidebar">
<h2 style="color: darkorchid;">Dashboard</h2>
<ul>
<li><a href="about.html">about</a></li>
<li><a href="guidelines.html">Guidelines</a></li>
<li><a href="resource.html">Resource Center</a></li>
<li><a href="volunteerlist.html">Community Engagement</a></li>
</ul>

</div>



</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dashboard</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Sidebar -->
<!-- <div class="sidebar">
<h2>Dashboard</h2>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="guidelines.html">Guidelines</a></li>
<li><a href="resource.html">Resource Center</a></li>
<li><a href="interactive.html">Interactive Map</a></li>
<li><a href="#" onclick="showContent('community')">Community Engagement</a></li>
</ul>
</div> -->

<!-- Main Content Area -->
<div class="content">
<div id="home" class="page">
<h1>Welcome to the Home Page</h1>
<p>hey how can i help you</p>
</div>
<div id="guidelines" class="page" style="display: none;">
<h1>Guidelines</h1>
<p>Here you can add guidelines for users.</p>
</div>
<div id="resources" class="page" style="display: none;">
<h1>Resource Center</h1>
<p>Provide resources or documents for your audience here.</p>
</div>
<div id="interactive" class="page" style="display: none;">
<h1>Interactive Map</h1>
<p>Embed or display an interactive map in this section.</p>
</div>
<div id="community" class="page" style="display: none;">
<h1>Community Engagement</h1>
<p>Use this area for user interactions and community updates.</p>
</div>
</div>

<!-- JavaScript to Toggle Pages -->
<script>
function showContent(pageId) {
// Hide all pages
document.querySelectorAll('.page').forEach(page => {
page.style.display = 'none';
});
// Show the selected page
document.getElementById(pageId).style.display = 'block';
}
</script>
Comment on lines +88 to +96
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🛠️ Refactor suggestion

Add error handling to the showContent function.

The function should handle cases where the pageId doesn't exist.

 function showContent(pageId) {
+  const page = document.getElementById(pageId);
+  if (!page) {
+    console.error(`Page with id "${pageId}" not found`);
+    return;
+  }
   // Hide all pages
   document.querySelectorAll('.page').forEach(page => {
     page.style.display = 'none';
   });
   // Show the selected page
-  document.getElementById(pageId).style.display = 'block';
+  page.style.display = 'block';
 }
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
function showContent(pageId) {
// Hide all pages
document.querySelectorAll('.page').forEach(page => {
page.style.display = 'none';
});
// Show the selected page
document.getElementById(pageId).style.display = 'block';
}
</script>
function showContent(pageId) {
const page = document.getElementById(pageId);
if (!page) {
console.error(`Page with id "${pageId}" not found`);
return;
}
// Hide all pages
document.querySelectorAll('.page').forEach(page => {
page.style.display = 'none';
});
// Show the selected page
page.style.display = 'block';
}
</script>

</body>
</html>
Comment on lines +1 to +98
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Split the file into separate HTML documents.

The file contains three separate HTML documents, which is invalid. Each document should be in its own file.

  1. Create landing.html (lines 1-14)
  2. Create dashboard.html (lines 15-40)
  3. Keep the main content in index.html (lines 41-98)

Also, consolidate the CSS files:

-<link rel="stylesheet" href="new.css">
-<link rel="stylesheet" href="styles.css">
+<link rel="stylesheet" href="styles.css">

Committable suggestion skipped: line range outside the PR's diff.

17 changes: 17 additions & 0 deletions new.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
/* This will style the background of the page */
body {
background-color: rgb(253, 251, 251);
}

/* This will make the heading bold and centered */
h1 {
color: rgb(222, 27, 164);
text-align: center;
}

/* This will change the text color of paragraphs */
p {
color: green;
font-size: 18px;
}

Loading