- Fork this repository by clicking on the Fork button on the top right of this repositories GitHub page. (Forking a repo)
- Clone the repository
- Run
npm install
in the repository from the command line. - Run
npm start
whenever you wish to start work on the project and navigate to the provided URLs.
All relevant files are located in the 'public' directory. Open the index.html and custom.css files in an HTML editor of your choice. Complete the following tasks using your existing CSS knowledge and the online resources available to you.
- Assign the following inline styles within the provided
index.html
document:- Add the
img-thumbnail
class to all the images in the ‘About the Program’ and ‘Spin News’ sections
- Add the
- Assign the 'landscape-1744370_1920.jpg' image (found in the 'img' folder) to the background of the jumbotron
- Assign the following styles to
<body>
element:- Background colour:
#eedcd0
- Text Size: 110%
- Background colour:
- Assign the following styles to all
<h1>
and<p>
elements, but only when they are located inside the jumbotron.- Weight: 800
- A white (
#ffffff
) drop shadow with a10px
blur
- Assign the following styles to all the
<h2>
,<h3>
,<h4>
,<h5>
, &<h6>
elements, but only when they are located inside the ‘container’- Font: Impact, sans-serif
- Weight: 800
- Colour:
#176093
- Letter spacing: Increase by 15%, using the relative element measurement (
rem
) units.
- Create an internal stylesheet that applies the following styles to the
<body>
element- Background colour:
#d2e5f6
- Background colour: