Git Product home page Git Product logo

lesson16's Introduction

Lesson 16 - CSS Concepts Continued

###Do Now

  1. Open your Nitrous account
  2. Copy and paste this command into your Nitrous Terminal:
cd ~/workspace/www; git clone https://github.com/ScriptEdClaremontHS/lesson16.git

Nitrous terminal 3. Go to lesson16/DoNow/donow.html 4. Preview donow.html 5. Add the HTML for an image of your favorite singer to donow.html 6. Add the CSS to donow.css to make the page look like this: Do now

====

###Activity

  1. Open your Nitrouis
  2. Go to lesson16/Activity/activity.html
  3. Preview activity.html
  4. Write the CSS in activity.css to make the page look like this: Activity
  • Hint 1: Try using the font-family property
  • Hint 2: Try using the text-align property

====

###Bonus Challenge

  1. Find bonus.html and bonus.css in lesson16/BonusChallenge
  2. Write the HTML and CSS for this webpage, but use your own text and images! Bonus Challenge
  • Hint 1: There is a text field and a button on the page!
  • Hint 2: One image on the page has a border-radius and a border
  • Hint 3: If you don't know how to do something, Google it! Example Google search: button HTML

====

###Google Hackathon!

Fill out this form: bit.ly/ScriptEdHackathon

lesson16's People

Contributors

noidontdig avatar amidvidy avatar

Watchers

 avatar James Cloos avatar  avatar  avatar Joliz avatar

Forkers

amidvidy

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.