Skip to content

I've built the HTML AND CSS #17

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

I've built the HTML AND CSS #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
56 changes: 56 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,56 @@
p{

color: blue;
}

h1{
color:red

}

h1{
background-color: black;

}
h2{
color:chocolate
}
h3{
color:darkmagenta
}

h3{
border-style: double;
border-bottom-left-radius: initial;

}

*{
padding: 0%;
margin: 0%;
box-sizing: border-box;
}


.footer-container {
background-color: #212328;


}

.footer{
width: 80%;
height: 25vh;
background-color: #925553;
color: hsl(0, 8%, 76%);
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
margin: auto;
}

.footer-heading{
display: flex;
flex-direction: column;
margin margin-right: 4em;
}
Binary file added logo.png
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.
92 changes: 92 additions & 0 deletions mjd.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html>
<head>
<title>SANAAG</title>
<title>external css</title>
<link rel="stylesheet" href="css/style.css"/>

</head>
<img src="logo.png">
<a href="page2.html">Go page Page2</a>


<body>
<h1>MANCHESTER UNITED</h1>
<h2>United wants to bring kylian mbappe at old trafford</h2>

<p>Manchester united is trying to swoop and steal the deal of kylian mbappe to theatre of dreams, his retaining sounds far fetched despite his intention to go to real madrid</p>
<p>as the news coming from the board and owners, feeling the pressure from the fans</p>
<p>who think the club has lost its merit and its position as being one of the greats clubs in england, let alone in europe</p>
<p>this comes after manchester city signed one of the best forwards in this generation therefore has taken over the once dominant manchester united and ended for the last <strong>25 years</strong> at the helm of sir alex who also left the club in <em><strong>2013</strong></em> and since</p>
<p>then man utd hasnt lift the premier league trophy in that order man city has reigned the city</p>
<p>manchester has since resigned several coaches who were supposed to bring the club as once it was but didnt pan out despite signing big names</p>
<p>the only coach who made them almost winners was jose mourinho who his first season won silverwares</p>

<h3>Possible Departures</h3>

<p>many under perfomed players will leave this january and this scenario put the club to invest for new players</p>

<p>this comes after club realized the aging ronaldo who cannot longer be the prime ronaldo who used to score everyweek</p>

<ol>

<li>Ronaldo</li>
<li>Wan Bisaka</li>
<li>Harry Maguire</li>
<li>garner</li>
<li>Andreis Perreira</li>


</ol>

<a href="https://www.manutd.com/">Go visit this page for more</a>




</body>
<body>
<div class="footer-container">
<div class="footer">
<div class="footer-heading footer-1">
<h2>About us</h2>
<a href="#">Blog</a>
<a href="#">Demo</a>
<a href="#">Customer</a>
<a href="#">Terms of Service</a>
</div>
<div class="footer-heading footer-2">
<h2>Contact Us</h2>
<a href="#">Jobs</a>
<a href="#">Support</a>
<a href="#">Contact</a>
<a href="#">Sponsorship</a>
</div>
<div class="footer-heading footer-3">
<h2>Social Media</h2>
<a href="#">Instagram</a>
<a href="#">Facebook</a>
<a href="#">Youtube</a>
<a href="#">Twitter</a>
</div>
<div class="footer-email-form">
<h2>Join our Newsletter</h2>
<input type="email" placeholder="your email address" id="footer-email">
<input type="submit" value="Sign up"

</div>

</body>












</html>
33 changes: 33 additions & 0 deletions page2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html>

<head>

<title>page2</title>
<link rel="stylesheet" href="css/style.css"/>
</head>


<body>
<h1>Manchester City</h1>
<h3>Pep Guardilo</h3>
<p>Despite the pretty exciting battle so far between the two Manchester giants it seems more and more likely that it will be the Citizens celebrating trophies come the end of the season</p>
<p>Guardiola’s project is going even better than he expected,
<p>this according to the man himself. Scoring even more goals than usual</p>
<p>but also defending much better,
<p>the Sky Blues look like the team to watch this season.
<p>With five clean sheets in the seven rounds gone,
<p>a single goal conceded in the other two matches,
<p>plus back-to-back clean sheets at the start of their Champions League campaign,
<p>City are really improving fast in that part of their game.
<p>It was known for years that the Sky Blues have an incredibly strong attack, by far the best forward line in the Premier League when one looks at the stats for the past five seasons, and with over £200 million spent on defenders and a new goalkeeper this summer,
Man City seems to be the real deal in the 2017/18 season!</p>

<a href="mjd.html">go back to the first page</a>

</body>




</html>