Code Monkey home page Code Monkey logo

nss-sw-html-bio's Introduction

Personal Bio Site

Setup

These commands are a helpful quick start. You may choose to ignore them completely and create your own directory structure. If you choose to use this recommendation, just copy the commands below. It doesn't matter what directory you are currently in.

mkdir -p ~/workspace/exercises/the-static-web/bio && cd $_
touch index.html

Requirements

Create a two page site for your own personal branding. This is an HTML exercise, so while you may style this site to your heart's content, we will be focusing on the HTML structure and syntax of your code.

Pages

Professional history page

Basically an HTML version of your resume.

  1. Each place you've worked must be contained in an article element.
  2. Each article element should have a header that contains the name of the company and the dates of your employment. Ensure that the dates are semantically marked by being contained within the appropriate HTML element.
  3. Each article should contain at least one section that describes your position there.
  4. No footer required for these articles.

Contact information page

  1. One article.
  2. A heading (e.g. "How to contact me").
  3. Four sections that contain an email address, GitHub link and two social media URLs.

Common page elements

Navigation

Create a navigation bar on each page that contains a link to both pages. You can use whatever elements you like for the navigation, but it must be contained in the appropriate HTML5 semantic element.

Page header

Each page should have an <h1> title contained in the appropriate HTML5 semantic tag.

Page footer

Each page should have the same footer information. Put whatever information you like in the footer.

nss-sw-html-bio's People

Contributors

jasminecain avatar

Watchers

 avatar

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.