A Pen by Mohammed v Sherif on CodePen.
Created
March 25, 2020 21:44
-
-
Save mohammedsherif23/76b1bde1e5d3538d692c1ddc37450cff to your computer and use it in GitHub Desktop.
Fork Me! FCC: Test Suite Template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> | |
| <body id="main"> | |
| <div id="top-heading"> | |
| <h1 id="title">Sir David Beckham</h1> | |
| <p>A footballer and Humanitarian</p> | |
| </div> | |
| <figure id="img-div"> | |
| <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Beckswimbledon.jpg/220px-Beckswimbledon.jpg" width="500" alt="Beckham at the 2014 Wimbledon Championships"> | |
| <figcaption id="img-caption"> | |
| David Robert Joseph Beckham born 2 May 1975 is an English former professional footballer, the current president of Inter Miami CF and co-owner of Salford City | |
| </figcaption> | |
| </figure> | |
| <article id="tribute-info"> | |
| <h3>All you need to know about Sir David Beckham</h3> | |
| <ul class="list-group"> | |
| <li class="list-group-item"><strong>1975</strong> - Born in Leytonstone, London</li> | |
| <li class="list-group-item"><strong>1991</strong> - He signed for Manchester United as a trainee, and help the club win the <em>FA Youth Cup</em> in <strong>1992<strong></li> | |
| <li class="list-group-item"><strong>1993</strong> - Beckham signed as professional</li> | |
| <li class="list-group-item"><strong>1994-1995</strong> - Went on loan to Preston North End.</li> | |
| <li class="list-group-item"><srtong>1995-1996</strong> - Beckham returned to Manchester and made his Premier League debut for Manchester United on <em>2 April 1995</em>, in a goalless draw against Leeds United. He played four times for United in the league that season, as they finished second behind Blackburn Rovers, missing out on a third successive Premier League title by a single point. He was not in the squad for the FA Cup final with Everton on 20 May, which United lost 1–0, leaving the club without a major trophy for the first time since 1989.</li> | |
| <li class="list-group-item"><strong>1996-1998</strong> - Beckham was given the number 10 shirt that had most recently been worn by Mark Hughes. On 17 August 1996 (the first day of the Premier League season), Beckham became something of a household name when he scored a spectacular goal in a match against Wimbledon. With United leading 2–0, Beckham noticed that Wimbledon's goalkeeper Neil Sullivan was standing a long way out of his goal, and hit a shot from the halfway line – 60 yards out – that floated over the goalkeeper and into the ne</li> | |
| <li class="list-group-item"><strong>1998-1999</strong> - He was part of the United team that won the treble of the Premier League, FA Cup and Champions League, a unique feat in English football.[51] There had been speculation that the criticism that he had received after being sent off in the World Cup would lead to him leaving England, but Beckham decided to stay at Manchester United.</li> | |
| <li class="list-group-item"><strong>1999-2000</strong> - Despite Beckham's achievements in the 1998–99 season, he was still unpopular among some opposition fans and journalists, and he was criticised after being sent off for a deliberate foul in Manchester United's World Club Championship match against Necaxa. It was suggested in the press that his wife was a bad influence on him, and that it might be in United's interests to sell him,[54] but his manager publicly backed him and he stayed at the club.</li> | |
| <li class="list-group-item"><srtong>2000-2001</strong> - He was a key player in United's third successive league title in 2000–01, only the fourth time that any club had achieved three league titles in a row. He scored nine goals that season, all in the Premier League.</li> | |
| <li class="list-group-item"><strong>2003</strong> - Beckham joined reigning Spanish champions Real Madrid for €37 million on a four-year contract</li> | |
| <li class="list-group-item"><strong>2005-2006</strong> - Beckham established football academies in Los Angeles and east London and was named a judge for the 2006 British Book Awards</li> | |
| <li class="list-group-item"><strong>2007</strong> - Beckham's involvement with Major League Soccer (MLS) began while he was still a Real Madrid player when it was confirmed on 11 January 2007 that he would be leaving Madrid in six months to join MLS side LA Galaxy. The speculation about his new contract in Madrid was thus put to an end and the following day Beckham's official press conference was held in conjunction with the 2007 MLS SuperDraft.</li> | |
| </ul> | |
| <blockquote id="quote"> | |
| "What remains in your memory is his genuine commitment and dedication, his natural humility which he always had, that will stay forever."<br/> | |
| <cite id="cite">– Arsène Wenger.</cite> | |
| </blockquote> | |
| <h3> | |
| For more information please read his incredible story on wiki. | |
| <a id="tribute-link" href="https://en.wikipedia.org/wiki/David_Beckham#External_links" target="_blank">Wiki Go...</a> | |
| </h3> | |
| </article> | |
| <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" > | |
| </body> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #main { | |
| background:lightgrey; | |
| border-radius: 10px; | |
| padding:0px; | |
| margin:10px; | |
| } | |
| #image { | |
| max-width: 100%; | |
| display: block; | |
| margin: auto; | |
| } | |
| #img-div{ | |
| background:#ffff; | |
| padding: 45px 0px 0px 0px; | |
| margin:0px; | |
| } | |
| #img-caption{ | |
| font-size: normal; | |
| padding:10px 25% ; | |
| margin-top:10px 25% 0px 25%; | |
| text-align:center; | |
| } | |
| #title, p { | |
| font-size: bold; | |
| font-family: Arial, Helvetica sans-serif; | |
| text-align: center; | |
| margin: 20px 0px 10px 0px; | |
| } | |
| #tribute-info{ | |
| margin:10px; | |
| padding-right:25px; | |
| text-align:center; | |
| } | |
| ul{ | |
| text-align:left; | |
| } | |
| li{ | |
| display:list-item; | |
| border:3px solid blue; | |
| list-style-type:disc; | |
| line-height:1.5em; | |
| font-weight:normal; | |
| text-indent:0.5rem; | |
| margin-left:25%; | |
| margin-right:25%; | |
| } | |
| #quote{ | |
| margin-top:25px; | |
| padding:0 25% 0 25%; | |
| font-style:italic; | |
| font-weight:normal; | |
| text-align:right; | |
| } | |
| tribute-link{ | |
| text-decoration: none; | |
| font-weight:normal; | |
| font-size:25px; | |
| } | |
| a:hover{ | |
| background-color:#D3F527; | |
| color: #ffff; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment