Skip to content

Create index.html #1379

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 3 commits into
base: main
Choose a base branch
from
Open

Create index.html #1379

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8050f0c
Create index.html
Raven-coder0 Mar 21, 2025
2d91789
Update BasicResponsivePage/index.html
leestott Oct 3, 2025
bb68de3
Update BasicResponsivePage/index.html
leestott Oct 3, 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
100 changes: 100 additions & 0 deletions BasicResponsivePage/index.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>basic website</title>
<link rel="stylesheet" href="styles.css" />
</head>

<body>
<div id="home"></div>
<div class="navbar">
<div class="logo">INFO<span>.com</span></div>

<ul class="navlist" id="navlist">
<li><a href="#home">Home</a></li>
<li><a href="#category">Category</a></li>
Copy link

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

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

The navigation link references '#category' but there is no corresponding element with id='category' on the page, making this link non-functional.

Copilot uses AI. Check for mistakes.

<li><a href="#contact">Contact</a></li>
</ul>

<div class="burger" id="burger">
<div></div>
<div></div>
<div></div>
</div>
</div>

<div class="heading">
<h1>Abraham Lincoln</h1>
<p>(1809 - 1865)</p>
</div>

<div class="image">
<a href="https://en.wikipedia.org/wiki/Abraham_Lincoln"
><img
src="assets/Abraham_Lincoln_O-77_matte_collodion_print.jpg"
alt="Portrait of Abraham Lincoln"
/></a>
</div>

<div class="paragraph">
<p>
Abraham Lincoln, the 16th President of the United States, is one of the
most revered figures in American history, known for his leadership
during the Civil War and his efforts to abolish slavery. Born on
February 12, 1809, in a humble log cabin in Kentucky, Lincoln's early
life was marked by hardship and limited formal education. However, he
was an avid reader and self-taught scholar, which led him to a career in
law and politics. Lincoln entered the national stage with his debates
against Stephen Douglas in 1858 and his firm opposition to the expansion
of slavery. Elected as president in 1860, his victory prompted the
secession of Southern states, leading to the outbreak of the Civil War
in 1861.
</p>
<br />
<p>
During his presidency, Lincoln faced the immense challenge of preserving
the Union. His leadership was marked by strategic decisions and a deep
moral conviction against slavery, culminating in the issuance of the
Emancipation Proclamation in 1863, which declared the freedom of slaves
in Confederate-controlled areas. This bold move not only shifted the
war's focus to a fight for human freedom but also paved the way for the
eventual passage of the 13th Amendment, which abolished slavery in the
United States. Despite the war's toll, Lincoln remained steadfast in his
vision of a united nation. Tragically, his life was cut short on April
14, 1865, when he was assassinated by John Wilkes Booth at Ford's
Theatre in Washington, D.C., just days after the war's conclusion.
Lincoln's legacy endures as a symbol of equality, liberty, and the
enduring struggle for a more just America.
<span
><a href="https://en.wikipedia.org/wiki/Abraham_Lincoln"
>Learn More</a
></span
>
</p>

</div>
<div class="contact" id="contact">
<form action="#" method="post">
<input
type="email"
name="email"
id="email"
placeholder=" enter your E-mail"
Copy link

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

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

Using spaces for indentation in placeholder text is not recommended. Use CSS padding or margin for visual spacing instead.

Suggested change
placeholder=" enter your E-mail"
placeholder="enter your E-mail"

Copilot uses AI. Check for mistakes.

/>
<button type="submit" value="submit" id="submit">submit</button>
Copy link

Copilot AI Oct 3, 2025

Choose a reason for hiding this comment

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

The submit button text should be capitalized for better user experience and accessibility. Consider changing 'submit' to 'Submit'.

Suggested change
<button type="submit" value="submit" id="submit">submit</button>
<button type="submit" value="Submit" id="submit">Submit</button>

Copilot uses AI. Check for mistakes.

</form>
</div>


<script>
const burger = document.getElementById("burger");
const navlist = document.getElementById("navlist");

burger.addEventListener("click", () => {
navlist.classList.toggle("active");
});
</script>
</body>
</html>