shikhar-sharma1703 · May 24, 2020 04:59
diff --git a/fork-me-fcc-test-suite-template.markdown b/fork-me-fcc-test-suite-template.markdown
diff --git a/index.html b/index.html
 <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
 <main id="main">
  <head>
  <h1 id="title">Mr. Irrfan Khan</h1>
  <p>"His legacy is like a constellation of stars for every actor to take inspiration from"</p>
  </head>
  <div id="img-div">
    <img src="https://cdn.dnaindia.com/sites/default/files/styles/full/public/2020/04/29/904026-411433-irrfan.jpg"
         alt="Irrfan khan" id="image">
    <p id="img-caption">Rest in peace Irrfan Sir</p>
  </div>
  <div id="tribute-info">
    <h3 id="headline">Here's a timeline of Irrfan's life:</h3>
      <li><strong>1988</strong> - He made his screen debut with the Academy Award nominated film Salaam Bombay! </li>
      <li><strong>2004</strong> - He received critical acclaim for playing negative roles in the drama films Haasil and Maqbool, for the former he won the Filmfare Award for Best Villain.</li>
      <li><strong>2006</strong> - The Alliance of Women Film Journalists an NGO dedicated to supporting work by and about women in the film industry had also awarded him with the Special Mention Award for the film "The Namesake".</li>
      <li><strong>2008</strong> - He played a police inspector in the film Slumdog Millionaire, for which he and the cast of the movie won Screen Actors Guild Award for Outstanding Performance by a Cast in a Motion Picture. About him, Danny Boyle said, "he has an instinctive way of finding the 'moral centre' of any character, so that in Slumdog, we believe the policeman might actually conclude that Jamal is innocent." </li>
      <li><strong>2010</strong> - He played the adult version of Piscine "Pi" Molitor Patel in Ang Lee's film adaptation of Life of Pi, which became a critical and commercial success worldwide. Life of Pi won 4 Oscars while having been nominated for 10.</li>
      <li><strong>2011</strong> - Irrfan Khan was awarded the Padma Shri, India's fourth highest civilian honour, in 2011 for his contributions to the Indian film industry.</li>
      <li><strong>2012</strong> - In the year 2012, his biography of athlete turned dacoit, Paan Singh Tomar won him a national award for Best Actor. </li>
      <li><strong>2018</strong> - Irrfan revealed via a tweet that he had been diagnosed with a neuroendocrine tumor. He sought treatment in the UK for a year.
      </li>
    </ul>
      <blockquote
      cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm"
    >
      <p>
        “Darya bhi main, darakht bhi main…Jhelum bhi main, chinar bhi main…dair bhi hoon, haram bhi hoon…Shia bhi hoon, Sunni bhi hoon, main hoon pandit…main tha, main hoon aur main hi rahoonga.”
      </p>
      <cite>-- Roohdaar, Haider</cite>
    </blockquote>
    <h3>
      If you have time, you should read more about this incredible human being
      on his
      <a
        id="tribute-link"
        href="https://en.wikipedia.org/wiki/Irrfan_Khan"
        target= "_blank"
         >Wikipedia entry</a>
      </h3>
  </div>
 </main>
diff --git a/script.babel b/script.babel
 // !! IMPORTANT README:

 // You may add additional external JS and CSS as needed to complete the project, however the current external resource MUST remain in place for the tests to work. BABEL must also be left in place. 

 /***********
 INSTRUCTIONS:
  - Select the project you would 
    like to complete from the dropdown 
    menu.
  - Click the "RUN TESTS" button to
    run the tests against the blank 
    pen.
  - Click the "TESTS" button to see 
    the individual test cases. 
    (should all be failing at first)
  - Start coding! As you fulfill each
    test case, you will see them go   
    from red to green.
  - As you start to build out your 
    project, when tests are failing, 
    you should get helpful errors 
    along the way!
    ************/

 // PLEASE NOTE: Adding global style rules using the * selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: * { color: red }, for a quick example!

 // Once you have read the above messages, you can delete all comments. 
diff --git a/style.css b/style.css
 html {
  /* Setting a base font size of 10px give us easier rem calculations
     Info: 1rem === 10px, 1.5rem === 15px, 2rem === 20px and so forth
   */
  font-size: 10px;
 }

 body {
  /* Native font stack https://getbootstrap.com/docs/4.2/content/reboot/#native-font-stack */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: #333;
  margin: 0;
 }

 h1 {
  font-size: 4rem;
  margin-bottom: 0;
 }

 @media (max-width: 460px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
  }
 }

 h2 {
  font-size: 3.25rem;
 }

 a {
  color: #477ca7;
 }

 a:hover {
  color: #74638f;
 }

 #main {
  margin: 30px 8px;
  padding: 15px;
  border-radius: 5px;
  background: #eee;
 }

 @media (max-width: 460px) {
  #main {
    margin: 0;
  }
 }

 img {
  max-width: 50%;
  display: block;
  height: auto;
  margin: 0 auto;
 }

 #img-div {
  background: white;
  padding: 10px;
  margin: 0;
 }

 #img-caption {
  margin: 15px 0 5px 0;
 }

 @media (max-width: 460px) {
  #img-caption {
    font-size: 1.4rem;
  }
 }

 #headline {
  margin: 50px 0;
  text-align: center;
 }

 ul {
  max-width: 100px;
  margin: 0 auto 50px auto;
  text-align: center;
  line-height: 1.6;
 }

 li {
  margin: 16px 0;
 }

 blockquote {
  font-style: italic;
  max-width: 545px;
  margin: 0 auto 50px auto;
  text-align: left;
 }
	<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
	<main id="main">
	<head>
	<h1 id="title">Mr. Irrfan Khan</h1>
	<p>"His legacy is like a constellation of stars for every actor to take inspiration from"</p>
	</head>
	<div id="img-div">
	<img src="https://cdn.dnaindia.com/sites/default/files/styles/full/public/2020/04/29/904026-411433-irrfan.jpg"
	alt="Irrfan khan" id="image">
	<p id="img-caption">Rest in peace Irrfan Sir</p>
	</div>
	<div id="tribute-info">
	<h3 id="headline">Here's a timeline of Irrfan's life:</h3>
	<li><strong>1988</strong> - He made his screen debut with the Academy Award nominated film Salaam Bombay! </li>
	<li><strong>2004</strong> - He received critical acclaim for playing negative roles in the drama films Haasil and Maqbool, for the former he won the Filmfare Award for Best Villain.</li>
	<li><strong>2006</strong> - The Alliance of Women Film Journalists an NGO dedicated to supporting work by and about women in the film industry had also awarded him with the Special Mention Award for the film "The Namesake".</li>
	<li><strong>2008</strong> - He played a police inspector in the film Slumdog Millionaire, for which he and the cast of the movie won Screen Actors Guild Award for Outstanding Performance by a Cast in a Motion Picture. About him, Danny Boyle said, "he has an instinctive way of finding the 'moral centre' of any character, so that in Slumdog, we believe the policeman might actually conclude that Jamal is innocent." </li>
	<li><strong>2010</strong> - He played the adult version of Piscine "Pi" Molitor Patel in Ang Lee's film adaptation of Life of Pi, which became a critical and commercial success worldwide. Life of Pi won 4 Oscars while having been nominated for 10.</li>
	<li><strong>2011</strong> - Irrfan Khan was awarded the Padma Shri, India's fourth highest civilian honour, in 2011 for his contributions to the Indian film industry.</li>
	<li><strong>2012</strong> - In the year 2012, his biography of athlete turned dacoit, Paan Singh Tomar won him a national award for Best Actor. </li>
	<li><strong>2018</strong> - Irrfan revealed via a tweet that he had been diagnosed with a neuroendocrine tumor. He sought treatment in the UK for a year.
	</li>
	</ul>
	<blockquote
	cite="http://news.rediff.com/report/2009/sep/14/pm-pays-tribute-to-father-of-green-revolution-borlaug.htm"
	>
	<p>
	“Darya bhi main, darakht bhi main…Jhelum bhi main, chinar bhi main…dair bhi hoon, haram bhi hoon…Shia bhi hoon, Sunni bhi hoon, main hoon pandit…main tha, main hoon aur main hi rahoonga.”
	</p>
	<cite>-- Roohdaar, Haider</cite>
	</blockquote>
	<h3>
	If you have time, you should read more about this incredible human being
	on his
	<a
	id="tribute-link"
	href="https://en.wikipedia.org/wiki/Irrfan_Khan"
	target= "_blank"
	>Wikipedia entry</a>
	</h3>
	</div>
	</main>
	// !! IMPORTANT README:

	// You may add additional external JS and CSS as needed to complete the project, however the current external resource MUST remain in place for the tests to work. BABEL must also be left in place.

	/***********
	INSTRUCTIONS:
	- Select the project you would
	like to complete from the dropdown
	menu.
	- Click the "RUN TESTS" button to
	run the tests against the blank
	pen.
	- Click the "TESTS" button to see
	the individual test cases.
	(should all be failing at first)
	- Start coding! As you fulfill each
	test case, you will see them go
	from red to green.
	- As you start to build out your
	project, when tests are failing,
	you should get helpful errors
	along the way!
	************/

	// PLEASE NOTE: Adding global style rules using the * selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: * { color: red }, for a quick example!

	// Once you have read the above messages, you can delete all comments.
	html {
	/* Setting a base font size of 10px give us easier rem calculations
	Info: 1rem === 10px, 1.5rem === 15px, 2rem === 20px and so forth
	*/
	font-size: 10px;
	}

	body {
	/* Native font stack https://getbootstrap.com/docs/4.2/content/reboot/#native-font-stack */
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: center;
	color: #333;
	margin: 0;
	}

	h1 {
	font-size: 4rem;
	margin-bottom: 0;
	}

	@media (max-width: 460px) {
	h1 {
	font-size: 3.5rem;
	line-height: 1.2;
	}
	}

	h2 {
	font-size: 3.25rem;
	}

	a {
	color: #477ca7;
	}

	a:hover {
	color: #74638f;
	}

	#main {
	margin: 30px 8px;
	padding: 15px;
	border-radius: 5px;
	background: #eee;
	}

	@media (max-width: 460px) {
	#main {
	margin: 0;
	}
	}

	img {
	max-width: 50%;
	display: block;
	height: auto;
	margin: 0 auto;
	}

	#img-div {
	background: white;
	padding: 10px;
	margin: 0;
	}

	#img-caption {
	margin: 15px 0 5px 0;
	}

	@media (max-width: 460px) {
	#img-caption {
	font-size: 1.4rem;
	}
	}

	#headline {
	margin: 50px 0;
	text-align: center;
	}

	ul {
	max-width: 100px;
	margin: 0 auto 50px auto;
	text-align: center;
	line-height: 1.6;
	}

	li {
	margin: 16px 0;
	}

	blockquote {
	font-style: italic;
	max-width: 545px;
	margin: 0 auto 50px auto;
	text-align: left;
	}