Skip to content

Commit 7560ffc

Browse files
Raven-coder0Raven-coder0
authored
Add files via upload
1 parent 96af0ca commit 7560ffc

File tree

3 files changed

+185
-0
lines changed

3 files changed

+185
-0
lines changed

‎docs/Basic website/assests/Abraham_Lincoln_O-77_matte_collodion_print.jpg

15.1 KB
Loading

‎docs/Basic website/index.html

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>basic website -1</title>
7+
<link rel="stylesheet" href="styles.css">
8+
</head>
9+
<body>
10+
<div id="home"></div>
11+
<div class="navbar" >
12+
<div class="logo">INFO<span>.com</span></div>
13+
<ul class="navlist">
14+
<li><a href="#home">Home</a></li>
15+
<li><a href="#category">Category</a></li>
16+
<li><a href="#contact">Contact</a></li>
17+
</ul>
18+
</div>
19+
<div class="heading"><h1>Abraham Lincoln</h1>
20+
<p>(1809 - 1865)</p></div>
21+
<div class="image">
22+
<a href="https://en.wikipedia.org/wiki/Abraham_Lincoln"
23+
><img
24+
src="assests/Abraham_Lincoln_O-77_matte_collodion_print.jpg"
25+
alt="Abraham lincoln.jpg" /></a>
26+
</div>
27+
<div class="paragraph">
28+
<p>
29+
Abraham Lincoln, the 16th President of the United States, is one of the
30+
most revered figures in American history, known for his leadership
31+
during the Civil War and his efforts to abolish slavery. Born on
32+
February 12, 1809, in a humble log cabin in Kentucky, Lincoln's early
33+
life was marked by hardship and limited formal education. However, he
34+
was an avid reader and self-taught scholar, which led him to a career in
35+
law and politics. Lincoln entered the national stage with his debates
36+
against Stephen Douglas in 1858 and his firm opposition to the expansion
37+
of slavery. Elected as president in 1860, his victory prompted the
38+
secession of Southern states, leading to the outbreak of the Civil War
39+
in 1861.
40+
</p>
41+
<br />
42+
<p>
43+
During his presidency, Lincoln faced the immense challenge of preserving
44+
the Union. His leadership was marked by strategic decisions and a deep
45+
moral conviction against slavery, culminating in the issuance of the
46+
Emancipation Proclamation in 1863, which declared the freedom of slaves
47+
in Confederate-controlled areas. This bold move not only shifted the
48+
war's focus to a fight for human freedom but also paved the way for the
49+
eventual passage of the 13th Amendment, which abolished slavery in the
50+
United States. Despite the war's toll, Lincoln remained steadfast in his
51+
vision of a united nation. Tragically, his life was cut short on April
52+
14, 1865, when he was assassinated by John Wilkes Booth at Ford's
53+
Theatre in Washington, D.C., just days after the war's conclusion.
54+
Lincoln's legacy endures as a symbol of equality, liberty, and the
55+
enduring struggle for a more just America. <span><a href="https://en.wikipedia.org/wiki/Abraham_Lincoln">Learn More</a></span>
56+
</p>
57+
<br>
58+
<br>
59+
</div>
60+
<div class="contact" id="contact">
61+
<input type="email" name="email" id="email" placeholder=" enter your E-mail">
62+
<button type="submit" value="submit" id="submit">submit</button>
63+
</div>
64+
</body>
65+
</html>

‎docs/Basic website/styles.css

Lines changed: 120 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,120 @@
1+
*{
2+
margin: 0%;
3+
padding: 0%;
4+
5+
}
6+
7+
body{
8+
background-color: f4f4f4;
9+
color: black;
10+
font-family: Arial, sans-serif;
11+
}
12+
.navbar{
13+
display: flex;
14+
align-items: center;
15+
justify-content: space-between;
16+
padding: 15px 20px;
17+
background-color: #333;
18+
}
19+
.logo{
20+
font-size: 24px;
21+
font-weight: 600;
22+
color: #c50505;
23+
}
24+
.logo span{
25+
color: whitesmoke;
26+
}
27+
.navlist{
28+
list-style-type: none;
29+
list-style: none;
30+
gap: 40px;
31+
display: flex;
32+
}
33+
.navlist li{
34+
display: inline;
35+
text-transform: uppercase;
36+
}
37+
.navlist li a{
38+
color:white;
39+
text-align: center;
40+
text-decoration: none;
41+
transition: color 0.3s ease;
42+
}
43+
.navbar li a:hover{
44+
45+
color: #c50505;
46+
}
47+
.heading{
48+
text-align: center;
49+
padding: 40px;
50+
background-color: #333;
51+
color: whitesmoke;
52+
}
53+
.heading h1 {
54+
55+
margin: 0;
56+
font-style: 40px;
57+
text-align: center;
58+
}
59+
.heading p{
60+
font-size: 21px;
61+
text-align: center;
62+
}
63+
.image {
64+
text-align: center;
65+
padding: 20px;
66+
}
67+
68+
.image img{
69+
max-width: 800px;
70+
height: auto;
71+
border-radius: 10px;
72+
box-shadow: 0px 0px 15px black;
73+
}
74+
.paragraph{
75+
max-width: 900px;
76+
77+
font-family: sans-serif;
78+
font-weight: 500;
79+
font-size: larger;
80+
text-align: justify;
81+
justify-content: center;
82+
padding: 20px;
83+
font-size: 20px;
84+
background-color: white;
85+
border-radius: 10px;
86+
margin: 0 auto;
87+
box-shadow: 0px 0px 15px black;
88+
}
89+
.paragraph a{
90+
color: blue;
91+
}
92+
.contact{
93+
display: flex;
94+
align-items: center;
95+
justify-content: center;
96+
margin-top: 100px;
97+
margin-bottom: 100px;
98+
}
99+
#email{
100+
border-radius: 20px;
101+
outline: none;
102+
border: 1px solid gray;
103+
width: 400px;
104+
height: 30px;
105+
margin-right: 10px;
106+
}
107+
#submit{
108+
height: 30px;
109+
width: 80px;
110+
border-radius: 20px;
111+
background-color:#169df1;
112+
outline: none;
113+
border: 2px solid whitesmoke;
114+
color: whitesmoke;
115+
font-size: 16px;
116+
cursor: pointer;
117+
}
118+
#submit:hover{
119+
background-color: #6EBFEA;
120+
}

0 commit comments

Comments
 (0)