├── 1. Build and deploy your first website ├── 1. Welcome to the HTML and CSS course │ ├── images │ │ ├── badass.gif │ │ ├── cheers.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html.html │ └── styles.css ├── 10. Aside - Anchor Tags │ ├── index.html │ └── work.html ├── 11. Add an anchor tag to Google.com │ ├── blog.html │ ├── google.png │ ├── index.html │ └── styles.css ├── 12. Proper document structure │ ├── blog.html │ ├── google.png │ ├── index.html │ └── styles.css ├── 13. Aside - Lists │ └── index.html ├── 14. Build a Personal Website │ ├── index.html │ ├── index.js │ ├── per.jpg │ └── styles.css ├── 2. HTML tags │ └── index.html ├── 3. Write a news article │ └── index.html ├── 4. The img tag │ ├── index.html │ └── mars.jpg ├── 5. Nesting │ ├── index.html │ └── mars.jpg ├── 7. Interactive elements - button │ └── index.html ├── 8. Interactive elements - input tags - input types │ └── index.html └── 9. Lets build Google │ ├── google.png │ ├── index.html │ └── styles.css ├── 2. Build a Google.com clone ├── 1. Lets Learn CSS │ ├── google.png │ ├── index.html │ └── styles.css ├── 10. CSS classes │ ├── google.png │ ├── index.html │ └── styles.css ├── 11. Aside - Learn margins via flags │ ├── index.html │ └── styles.css ├── 12. Add space between our elements │ ├── google.png │ ├── index.html │ └── styles.css ├── 13. Aside - centering with margins │ ├── index.html │ ├── poo.jpg │ └── styles.css ├── 14. Centering our content │ ├── google.png │ ├── index.html │ └── styles.css ├── 15. Aside - padding │ ├── index.html │ └── styles.css ├── 16. Aside - border and border-radius │ ├── index.html │ └── styles.css ├── 17. Aside challenge - style Twitter button │ ├── google.png │ ├── index.html │ └── styles.css ├── 18. Fix the input field │ ├── google.png │ ├── index.html │ └── styles.css ├── 19. Center the button │ ├── google.png │ ├── index.html │ └── styles.css ├── 2. Write your first lines of CSS │ ├── index.html │ └── styles.css ├── 20. Style the button │ ├── google.png │ ├── index.html │ └── styles.css ├── 21. Why we cant have two block-level buttons │ ├── google.png │ ├── index.html │ └── styles.css ├── 22. Aside - flexbox │ ├── index.html │ └── styles.css ├── 23. Centering both buttons with flexbox │ ├── google.png │ ├── index.html │ └── styles.css ├── 3. Write your first lines of CSS - Solution │ ├── index.html │ └── styles.css ├── 5. Link to the CSS file │ ├── google.png │ ├── index.html │ └── styles.css ├── 6. Set the width of the elements │ ├── google.png │ ├── index.html │ └── styles.css ├── 7. Inline vs block elements │ ├── google.png │ ├── index.html │ └── styles.css ├── 8. Margin top │ ├── google.png │ ├── index.html │ └── styles.css └── 9. Divs rule the world │ ├── google.png │ ├── index.html │ └── styles.css ├── 3. Build a digital Business Card ├── 1. Building your digital Business Card │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 10. Center the card │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 11. Aside - inheritance │ ├── dancing.jpg │ ├── index.html │ └── styles.css ├── 12. Center the text via inheritance │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 13. Add colors │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 14. Web-safe fonts │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 15. Aside - Margin padding shorthand │ ├── google.png │ ├── index.html │ └── styles.css ├── 16. Use the margin and padding shorthands │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 17. Make it your own │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 2. Fix the image path │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 3. Add alt attribute │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 4. Make image smaller │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 5. Add a border and padding │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 6. Aside - flexbox child containers │ └── index.html ├── 7. Flex item containers │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css ├── 8. Add a utility class │ ├── images │ │ └── per.png │ ├── index.html │ └── styles.css └── 9. Justify the items │ ├── images │ └── per.png │ ├── index.html │ └── styles.css ├── 4. Build a Space Exploration Site ├── 1. Lets go to space │ ├── images │ │ ├── galaxy.webp │ │ └── spacex.png │ ├── index.html │ └── styles.css ├── 11. Add the terms and conditions section │ ├── images │ │ ├── galaxy.webp │ │ └── spacex.png │ ├── index.html │ └── styles.css ├── 12. Aside - text shadow │ ├── index.css │ └── index.html ├── 13. Improving the readability with text shadows │ ├── images │ │ ├── galaxy.webp │ │ └── spacex.png │ ├── index.html │ └── styles.css ├── 2. Add a background image from unsplash │ ├── images │ │ └── universe.jpg │ ├── index.html │ └── styles.css ├── 3. Center elements and style button │ ├── images │ │ └── universe.jpg │ ├── index.html │ └── styles.css ├── 4. Add a Google Font │ ├── images │ │ └── universe.jpg │ ├── index.html │ └── styles.css ├── 5. font-face │ ├── Corleone.ttf │ ├── index.css │ ├── index.html │ └── index.js ├── 6. Aside - spans │ ├── index.html │ └── styles.css ├── 7. Add an underline using a span │ ├── images │ │ └── universe.jpg │ ├── index.html │ └── styles.css ├── 8. Use an ID for the logo │ ├── images │ │ ├── spacex.png │ │ └── universe.jpg │ ├── index.html │ └── styles.css └── 9. Replace the jpg with a webp │ ├── images │ ├── galaxy.webp │ ├── spacex.png │ └── universe.jpg │ ├── index.html │ └── styles.css ├── 5. Build a Birthday GIFt Site ├── 1. Let's build a birthday GIFt site │ ├── images │ │ ├── badass.gif │ │ ├── cheers.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 10. Create the first gift │ ├── images │ │ ├── gift-cover.jpg │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 11. Replacing the img with a div │ ├── images │ │ ├── gift-cover.jpg │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 12. Aside - make elements change on hover │ ├── eyes.jpg │ ├── index.html │ └── styles.css ├── 13. Add the hover effect │ ├── images │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 14. Create the next GIFt │ ├── images │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 15. Create two more GIFts │ ├── images │ │ ├── badass.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 16. Create the final GIFt │ ├── images │ │ ├── badass.gif │ │ ├── cheers.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 17. Add the footer │ ├── images │ │ ├── badass.gif │ │ ├── cheers.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 18. Add a background gradient │ ├── images │ │ ├── badass.gif │ │ ├── cheers.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 19. Personalize the Birthday GIFt Site │ ├── images │ │ ├── badass.gif │ │ ├── cheers.gif │ │ ├── genius.gif │ │ ├── gift-cover.jpg │ │ ├── happy.gif │ │ ├── hot.gif │ │ └── nick.jpg │ ├── index.html │ └── styles.css ├── 2. Add basic header styling │ ├── index.html │ ├── nick.jpg │ └── styles.css ├── 3. Set the colors │ ├── index.html │ ├── nick.jpg │ └── styles.css ├── 4. Add shadow on text │ ├── index.html │ ├── nick.jpg │ └── styles.css ├── 5. We have a problem that flexbox can fix │ ├── index.html │ ├── nick.jpg │ └── styles.css ├── 6. Aside - align-items │ ├── index.css │ └── index.html ├── 7. Aside - flex-direction │ ├── index.css │ └── index.html ├── 8. Turn the header into a flexbox │ ├── index.html │ ├── nick.jpg │ └── styles.css └── 9. Fix date and age design │ ├── index.html │ ├── nick.jpg │ └── styles.css ├── 6. Solo Project Hometown Homepage └── 2. Solo Project - Hometown Homepage │ ├── images │ ├── park.jpg │ ├── per.jpg │ ├── sports.jpg │ ├── theatre.jpg │ └── torshov.jpg │ ├── index.html │ └── styles.css └── README.md /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/badass.gif -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/cheers.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/cheers.gif -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/genius.gif -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/gift-cover.jpg -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/happy.gif -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/hot.gif -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/images/nick.jpg -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/index.html.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/index.html.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/1. Welcome to the HTML and CSS course/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/1. Welcome to the HTML and CSS course/styles.css -------------------------------------------------------------------------------- /1. Build and deploy your first website/10. Aside - Anchor Tags/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/10. Aside - Anchor Tags/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/10. Aside - Anchor Tags/work.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/10. Aside - Anchor Tags/work.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/11. Add an anchor tag to Google.com/blog.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/11. Add an anchor tag to Google.com/blog.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/11. Add an anchor tag to Google.com/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/11. Add an anchor tag to Google.com/google.png -------------------------------------------------------------------------------- /1. Build and deploy your first website/11. Add an anchor tag to Google.com/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/11. Add an anchor tag to Google.com/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/11. Add an anchor tag to Google.com/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/11. Add an anchor tag to Google.com/styles.css -------------------------------------------------------------------------------- /1. Build and deploy your first website/12. Proper document structure/blog.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/12. Proper document structure/blog.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/12. Proper document structure/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/12. Proper document structure/google.png -------------------------------------------------------------------------------- /1. Build and deploy your first website/12. Proper document structure/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/12. Proper document structure/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/12. Proper document structure/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/12. Proper document structure/styles.css -------------------------------------------------------------------------------- /1. Build and deploy your first website/13. Aside - Lists/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/13. Aside - Lists/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/14. Build a Personal Website/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/14. Build a Personal Website/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/14. Build a Personal Website/index.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/14. Build a Personal Website/index.js -------------------------------------------------------------------------------- /1. Build and deploy your first website/14. Build a Personal Website/per.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/14. Build a Personal Website/per.jpg -------------------------------------------------------------------------------- /1. Build and deploy your first website/14. Build a Personal Website/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/14. Build a Personal Website/styles.css -------------------------------------------------------------------------------- /1. Build and deploy your first website/2. HTML tags/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/2. HTML tags/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/3. Write a news article/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/3. Write a news article/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/4. The img tag/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/4. The img tag/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/4. The img tag/mars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/4. The img tag/mars.jpg -------------------------------------------------------------------------------- /1. Build and deploy your first website/5. Nesting/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/5. Nesting/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/5. Nesting/mars.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/5. Nesting/mars.jpg -------------------------------------------------------------------------------- /1. Build and deploy your first website/7. Interactive elements - button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/7. Interactive elements - button/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/8. Interactive elements - input tags - input types/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/8. Interactive elements - input tags - input types/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/9. Lets build Google/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/9. Lets build Google/google.png -------------------------------------------------------------------------------- /1. Build and deploy your first website/9. Lets build Google/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/9. Lets build Google/index.html -------------------------------------------------------------------------------- /1. Build and deploy your first website/9. Lets build Google/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/1. Build and deploy your first website/9. Lets build Google/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/1. Lets Learn CSS/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/1. Lets Learn CSS/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/1. Lets Learn CSS/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/1. Lets Learn CSS/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/1. Lets Learn CSS/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/1. Lets Learn CSS/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/10. CSS classes/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/10. CSS classes/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/10. CSS classes/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/10. CSS classes/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/10. CSS classes/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/10. CSS classes/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/11. Aside - Learn margins via flags/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/11. Aside - Learn margins via flags/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/11. Aside - Learn margins via flags/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/11. Aside - Learn margins via flags/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/12. Add space between our elements/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/12. Add space between our elements/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/12. Add space between our elements/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/12. Add space between our elements/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/12. Add space between our elements/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/12. Add space between our elements/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/13. Aside - centering with margins/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/13. Aside - centering with margins/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/13. Aside - centering with margins/poo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/13. Aside - centering with margins/poo.jpg -------------------------------------------------------------------------------- /2. Build a Google.com clone/13. Aside - centering with margins/styles.css: -------------------------------------------------------------------------------- 1 | img { 2 | width: 200px; 3 | } 4 | 5 | -------------------------------------------------------------------------------- /2. Build a Google.com clone/14. Centering our content/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/14. Centering our content/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/14. Centering our content/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/14. Centering our content/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/14. Centering our content/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/14. Centering our content/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/15. Aside - padding/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/15. Aside - padding/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/15. Aside - padding/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/15. Aside - padding/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/16. Aside - border and border-radius/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/16. Aside - border and border-radius/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/16. Aside - border and border-radius/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/16. Aside - border and border-radius/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/17. Aside challenge - style Twitter button/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/17. Aside challenge - style Twitter button/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/17. Aside challenge - style Twitter button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/17. Aside challenge - style Twitter button/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/17. Aside challenge - style Twitter button/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/17. Aside challenge - style Twitter button/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/18. Fix the input field/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/18. Fix the input field/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/18. Fix the input field/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/18. Fix the input field/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/18. Fix the input field/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/18. Fix the input field/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/19. Center the button/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/19. Center the button/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/19. Center the button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/19. Center the button/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/19. Center the button/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/19. Center the button/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/2. Write your first lines of CSS/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/2. Write your first lines of CSS/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/2. Write your first lines of CSS/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/2. Write your first lines of CSS/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/20. Style the button/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/20. Style the button/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/20. Style the button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/20. Style the button/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/20. Style the button/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/20. Style the button/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/21. Why we cant have two block-level buttons/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/21. Why we cant have two block-level buttons/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/21. Why we cant have two block-level buttons/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/21. Why we cant have two block-level buttons/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/21. Why we cant have two block-level buttons/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/21. Why we cant have two block-level buttons/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/22. Aside - flexbox/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/22. Aside - flexbox/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/22. Aside - flexbox/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/22. Aside - flexbox/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/23. Centering both buttons with flexbox/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/23. Centering both buttons with flexbox/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/23. Centering both buttons with flexbox/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/23. Centering both buttons with flexbox/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/23. Centering both buttons with flexbox/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/23. Centering both buttons with flexbox/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/3. Write your first lines of CSS - Solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/3. Write your first lines of CSS - Solution/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/3. Write your first lines of CSS - Solution/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/3. Write your first lines of CSS - Solution/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/5. Link to the CSS file/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/5. Link to the CSS file/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/5. Link to the CSS file/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/5. Link to the CSS file/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/5. Link to the CSS file/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | background: red; 3 | } 4 | 5 | -------------------------------------------------------------------------------- /2. Build a Google.com clone/6. Set the width of the elements/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/6. Set the width of the elements/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/6. Set the width of the elements/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/6. Set the width of the elements/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/6. Set the width of the elements/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/6. Set the width of the elements/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/7. Inline vs block elements/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/7. Inline vs block elements/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/7. Inline vs block elements/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/7. Inline vs block elements/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/7. Inline vs block elements/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/7. Inline vs block elements/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/8. Margin top/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/8. Margin top/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/8. Margin top/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/8. Margin top/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/8. Margin top/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/8. Margin top/styles.css -------------------------------------------------------------------------------- /2. Build a Google.com clone/9. Divs rule the world/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/9. Divs rule the world/google.png -------------------------------------------------------------------------------- /2. Build a Google.com clone/9. Divs rule the world/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/9. Divs rule the world/index.html -------------------------------------------------------------------------------- /2. Build a Google.com clone/9. Divs rule the world/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/2. Build a Google.com clone/9. Divs rule the world/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/1. Building your digital Business Card/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/1. Building your digital Business Card/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/1. Building your digital Business Card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/1. Building your digital Business Card/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/1. Building your digital Business Card/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/1. Building your digital Business Card/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/10. Center the card/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/10. Center the card/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/10. Center the card/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/10. Center the card/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/10. Center the card/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/10. Center the card/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/11. Aside - inheritance/dancing.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/11. Aside - inheritance/dancing.jpg -------------------------------------------------------------------------------- /3. Build a digital Business Card/11. Aside - inheritance/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/11. Aside - inheritance/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/11. Aside - inheritance/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 10px; 3 | } 4 | 5 | -------------------------------------------------------------------------------- /3. Build a digital Business Card/12. Center the text via inheritance/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/12. Center the text via inheritance/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/12. Center the text via inheritance/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/12. Center the text via inheritance/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/12. Center the text via inheritance/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/12. Center the text via inheritance/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/13. Add colors/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/13. Add colors/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/13. Add colors/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/13. Add colors/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/13. Add colors/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/13. Add colors/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/14. Web-safe fonts/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/14. Web-safe fonts/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/14. Web-safe fonts/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/14. Web-safe fonts/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/14. Web-safe fonts/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/14. Web-safe fonts/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/15. Aside - Margin padding shorthand/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/15. Aside - Margin padding shorthand/google.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/15. Aside - Margin padding shorthand/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/15. Aside - Margin padding shorthand/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/15. Aside - Margin padding shorthand/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/15. Aside - Margin padding shorthand/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/16. Use the margin and padding shorthands/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/16. Use the margin and padding shorthands/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/16. Use the margin and padding shorthands/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/16. Use the margin and padding shorthands/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/16. Use the margin and padding shorthands/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/16. Use the margin and padding shorthands/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/17. Make it your own/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/17. Make it your own/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/17. Make it your own/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/17. Make it your own/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/17. Make it your own/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/17. Make it your own/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/2. Fix the image path/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/2. Fix the image path/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/2. Fix the image path/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/2. Fix the image path/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/2. Fix the image path/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 20px; 3 | } 4 | -------------------------------------------------------------------------------- /3. Build a digital Business Card/3. Add alt attribute/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/3. Add alt attribute/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/3. Add alt attribute/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/3. Add alt attribute/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/3. Add alt attribute/styles.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 20px; 3 | } 4 | -------------------------------------------------------------------------------- /3. Build a digital Business Card/4. Make image smaller/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/4. Make image smaller/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/4. Make image smaller/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/4. Make image smaller/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/4. Make image smaller/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/4. Make image smaller/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/5. Add a border and padding/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/5. Add a border and padding/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/5. Add a border and padding/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/5. Add a border and padding/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/5. Add a border and padding/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/5. Add a border and padding/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/6. Aside - flexbox child containers/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/6. Aside - flexbox child containers/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/7. Flex item containers/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/7. Flex item containers/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/7. Flex item containers/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/7. Flex item containers/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/7. Flex item containers/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/7. Flex item containers/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/8. Add a utility class/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/8. Add a utility class/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/8. Add a utility class/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/8. Add a utility class/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/8. Add a utility class/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/8. Add a utility class/styles.css -------------------------------------------------------------------------------- /3. Build a digital Business Card/9. Justify the items/images/per.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/9. Justify the items/images/per.png -------------------------------------------------------------------------------- /3. Build a digital Business Card/9. Justify the items/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/9. Justify the items/index.html -------------------------------------------------------------------------------- /3. Build a digital Business Card/9. Justify the items/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/3. Build a digital Business Card/9. Justify the items/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/1. Lets go to space/images/galaxy.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/1. Lets go to space/images/galaxy.webp -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/1. Lets go to space/images/spacex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/1. Lets go to space/images/spacex.png -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/1. Lets go to space/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/1. Lets go to space/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/1. Lets go to space/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/1. Lets go to space/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/11. Add the terms and conditions section/images/galaxy.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/11. Add the terms and conditions section/images/galaxy.webp -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/11. Add the terms and conditions section/images/spacex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/11. Add the terms and conditions section/images/spacex.png -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/11. Add the terms and conditions section/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/11. Add the terms and conditions section/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/11. Add the terms and conditions section/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/11. Add the terms and conditions section/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/12. Aside - text shadow/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/12. Aside - text shadow/index.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/12. Aside - text shadow/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/12. Aside - text shadow/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/13. Improving the readability with text shadows/images/galaxy.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/13. Improving the readability with text shadows/images/galaxy.webp -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/13. Improving the readability with text shadows/images/spacex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/13. Improving the readability with text shadows/images/spacex.png -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/13. Improving the readability with text shadows/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/13. Improving the readability with text shadows/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/13. Improving the readability with text shadows/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/13. Improving the readability with text shadows/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/2. Add a background image from unsplash/images/universe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/2. Add a background image from unsplash/images/universe.jpg -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/2. Add a background image from unsplash/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/2. Add a background image from unsplash/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/2. Add a background image from unsplash/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/2. Add a background image from unsplash/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/3. Center elements and style button/images/universe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/3. Center elements and style button/images/universe.jpg -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/3. Center elements and style button/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/3. Center elements and style button/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/3. Center elements and style button/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/3. Center elements and style button/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/4. Add a Google Font/images/universe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/4. Add a Google Font/images/universe.jpg -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/4. Add a Google Font/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/4. Add a Google Font/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/4. Add a Google Font/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/4. Add a Google Font/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/5. font-face/Corleone.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/5. font-face/Corleone.ttf -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/5. font-face/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/5. font-face/index.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/5. font-face/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/5. font-face/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/5. font-face/index.js: -------------------------------------------------------------------------------- 1 | // javascript -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/6. Aside - spans/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/6. Aside - spans/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/6. Aside - spans/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/6. Aside - spans/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/7. Add an underline using a span/images/universe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/7. Add an underline using a span/images/universe.jpg -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/7. Add an underline using a span/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/7. Add an underline using a span/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/7. Add an underline using a span/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/7. Add an underline using a span/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/8. Use an ID for the logo/images/spacex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/8. Use an ID for the logo/images/spacex.png -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/8. Use an ID for the logo/images/universe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/8. Use an ID for the logo/images/universe.jpg -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/8. Use an ID for the logo/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/8. Use an ID for the logo/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/8. Use an ID for the logo/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/8. Use an ID for the logo/styles.css -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/9. Replace the jpg with a webp/images/galaxy.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/9. Replace the jpg with a webp/images/galaxy.webp -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/9. Replace the jpg with a webp/images/spacex.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/9. Replace the jpg with a webp/images/spacex.png -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/9. Replace the jpg with a webp/images/universe.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/9. Replace the jpg with a webp/images/universe.jpg -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/9. Replace the jpg with a webp/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/9. Replace the jpg with a webp/index.html -------------------------------------------------------------------------------- /4. Build a Space Exploration Site/9. Replace the jpg with a webp/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/4. Build a Space Exploration Site/9. Replace the jpg with a webp/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/badass.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/cheers.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/cheers.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/genius.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/10. Create the first gift/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/10. Create the first gift/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/10. Create the first gift/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/10. Create the first gift/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/10. Create the first gift/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/10. Create the first gift/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/10. Create the first gift/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/10. Create the first gift/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/11. Replacing the img with a div/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/11. Replacing the img with a div/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/11. Replacing the img with a div/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/11. Replacing the img with a div/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/11. Replacing the img with a div/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/11. Replacing the img with a div/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/11. Replacing the img with a div/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/11. Replacing the img with a div/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/eyes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/eyes.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/13. Add the hover effect/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/13. Add the hover effect/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/13. Add the hover effect/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/13. Add the hover effect/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/13. Add the hover effect/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/13. Add the hover effect/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/13. Add the hover effect/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/13. Add the hover effect/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/13. Add the hover effect/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/13. Add the hover effect/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/14. Create the next GIFt/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/14. Create the next GIFt/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/14. Create the next GIFt/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/14. Create the next GIFt/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/14. Create the next GIFt/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/14. Create the next GIFt/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/14. Create the next GIFt/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/14. Create the next GIFt/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/14. Create the next GIFt/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/14. Create the next GIFt/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/14. Create the next GIFt/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/14. Create the next GIFt/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/images/badass.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/images/genius.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/15. Create two more GIFts/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/15. Create two more GIFts/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/badass.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/cheers.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/cheers.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/genius.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/16. Create the final GIFt/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/16. Create the final GIFt/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/badass.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/cheers.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/cheers.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/genius.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/17. Add the footer/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/17. Add the footer/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/badass.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/cheers.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/cheers.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/genius.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/18. Add a background gradient/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/18. Add a background gradient/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/badass.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/badass.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/cheers.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/cheers.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/genius.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/genius.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/gift-cover.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/gift-cover.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/happy.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/hot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/hot.gif -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/images/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/2. Add basic header styling/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/2. Add basic header styling/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/2. Add basic header styling/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/2. Add basic header styling/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/2. Add basic header styling/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/2. Add basic header styling/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/3. Set the colors/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/3. Set the colors/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/3. Set the colors/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/3. Set the colors/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/3. Set the colors/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/3. Set the colors/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/4. Add shadow on text/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/4. Add shadow on text/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/4. Add shadow on text/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/4. Add shadow on text/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/4. Add shadow on text/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/4. Add shadow on text/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/6. Aside - align-items/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/6. Aside - align-items/index.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/6. Aside - align-items/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/6. Aside - align-items/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/7. Aside - flex-direction/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/7. Aside - flex-direction/index.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/7. Aside - flex-direction/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/7. Aside - flex-direction/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/styles.css -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/9. Fix date and age design/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/9. Fix date and age design/index.html -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/9. Fix date and age design/nick.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/9. Fix date and age design/nick.jpg -------------------------------------------------------------------------------- /5. Build a Birthday GIFt Site/9. Fix date and age design/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/5. Build a Birthday GIFt Site/9. Fix date and age design/styles.css -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/park.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/park.jpg -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/per.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/per.jpg -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/sports.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/sports.jpg -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/theatre.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/theatre.jpg -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/torshov.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/images/torshov.jpg -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/index.html -------------------------------------------------------------------------------- /6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/styles.css -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/scrimba/learn-html-and-css/HEAD/README.md --------------------------------------------------------------------------------