<title>week1day3/README.md at master · kbl212/week1day3</title>
<link rel="search" type="application/opensearchdescription+xml" href="/opensearch.xml" title="GitHub">
<link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-144.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144.png">
<meta property="fb:app_id" content="1401488693436528">
<meta content="@github" name="twitter:site" /><meta content="summary" name="twitter:card" /><meta content="kbl212/week1day3" name="twitter:title" /><meta content="week1day3 - HTML/CSS styling" name="twitter:description" /><meta content="https://avatars3.githubusercontent.com/u/15095220?v=3&s=400" name="twitter:image:src" />
<meta content="GitHub" property="og:site_name" /><meta content="object" property="og:type" /><meta content="https://avatars3.githubusercontent.com/u/15095220?v=3&s=400" property="og:image" /><meta content="kbl212/week1day3" property="og:title" /><meta content="https://github.com/kbl212/week1day3" property="og:url" /><meta content="week1day3 - HTML/CSS styling" property="og:description" />
<meta name="browser-stats-url" content="https://api.github.com/_private/browser/stats">
<meta name="browser-errors-url" content="https://api.github.com/_private/browser/errors">
<link rel="assets" href="https://assets-cdn.github.com/">
<link rel="web-socket" href="wss://live.github.com/_sockets/MTUwOTUyMjA6ZGU2ODM3ZTE4MWFiZmQxMzc0MWI4ODI5NTQ1NDY5M2I6MjJlYWUwOTUwOTk2ODk4NDI0YzBjZjZiYTUyNmVhZDJlYWI2Mjc1NjE2NmFlZmIxMjFiYmM0NjkyZGM0YTliMA==--3273d86b9a56c3a8e24c0aee2bd02c6f13f31d97">
<meta name="pjax-timeout" content="1000">
<link rel="sudo-modal" href="/sessions/sudo_modal">
<meta name="msapplication-TileImage" content="/windows-tile.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="selected-link" value="repo_source" data-pjax-transient>
<meta name="google-site-verification" content="KT5gs8h0wvaagLKAVWq8bbeNwnZZK1r1XQysX3xurLU">
<meta name="google-analytics" content="UA-3769691-2">
<meta name="is-dotcom" content="true">
<meta name="hostname" content="github.com">
<meta name="user-login" content="kbl212">
<link rel="mask-icon" href="https://assets-cdn.github.com/pinned-octocat.svg" color="#4078c0">
<link rel="icon" type="image/x-icon" href="https://assets-cdn.github.com/favicon.ico">
<meta content="6fe60c8111cdff99dc53186537db23425c005ea7" name="form-nonce" />
<link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github-1c72e5e1cbdeae0d6a25ee0e6f07ae0100db5696d3f5f10ed2acf1f0885ef5f0.css" integrity="sha256-HHLl4cverg1qJe4ObweuAQDbVpbT9fEO0qzx8Ihe9fA=" media="all" rel="stylesheet" />
<link crossorigin="anonymous" href="https://assets-cdn.github.com/assets/github2-2636fb226b1998b444ae391afdb526dd51ffc15c99c699d9bb1e2d4086442e30.css" integrity="sha256-Jjb7ImsZmLRErjka/bUm3VH/wVyZxpnZux4tQIZELjA=" media="all" rel="stylesheet" />
<meta http-equiv="x-pjax-version" content="a47671ed3bd9b26fa9a675f405b36d67">
<div class="header header-logged-in true" role="banner">
<a class="header-logo-invertocat" href="https://github.com/" data-hotkey="g d" aria-label="Homepage" data-ga-click="Header, go to dashboard, icon:logo">
<div class="site-search repo-scope js-site-search" role="search">
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/kbl212/week1day3/search" class="js-site-search-form" data-global-search-url="/search" data-repo-search-url="/kbl212/week1day3/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /></div>
<ul class="header-nav left" role="navigation">
<li class="header-nav-item">
<a href="/pulls" class="js-selected-navigation-item header-nav-link" data-ga-click="Header, click, Nav menu - item:pulls context:user" data-hotkey="g p" data-selected-links="/pulls /pulls/assigned /pulls/mentioned /pulls">
Pull requests
-
New repository New organization
<div class="dropdown-menu-content js-menu-content"> <ul class="dropdown-menu dropdown-menu-sw">
This repositoryNew issue New collaborator</ul> </div>
-
<div class="dropdown-menu-content js-menu-content"> <div class="dropdown-menu dropdown-menu-sw"> <div class=" dropdown-header header-nav-current-user css-truncate"> Signed in as <strong class="css-truncate-target">kbl212</strong> </div> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/kbl212" data-ga-click="Header, go to profile, text:your profile"> Your profile </a> <a class="dropdown-item" href="/stars" data-ga-click="Header, go to starred repos, text:your stars"> Your stars </a> <a class="dropdown-item" href="/explore" data-ga-click="Header, go to explore, text:explore"> Explore </a> <a class="dropdown-item" href="/integrations" data-ga-click="Header, go to integrations, text:integrations"> Integrations </a> <a class="dropdown-item" href="https://help.github.com" data-ga-click="Header, go to help, text:help"> Help </a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="/settings/profile" data-ga-click="Header, go to settings, icon:settings"> Settings </a> <!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/logout" class="logout-form" data-form-nonce="6fe60c8111cdff99dc53186537db23425c005ea7" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="8g3QeQEMLBIfd5kcorYvrEmEeDrO/L5Fk2xArPCgBDBeNbrcrGbcVRL5Zyb5sjP/2bj/wSgeoGDp+bln3F0P5w==" /></div> <button class="dropdown-item dropdown-signout" data-ga-click="Header, sign out, icon:logout"> Sign out </button>
<div id="start-of-content" class="accessibility-aid"></div>
<div id="js-flash-container">
<div role="main" class="main-content">
<div itemscope itemtype="http://schema.org/WebPage">
<div class="pagehead repohead instapaper_ignore readability-menu">
<div class="container">
<div class="clearfix">
-
<div class="select-menu js-menu-container js-select-menu"> <a href="/kbl212/week1day3/subscription" class="btn btn-sm btn-with-count select-menu-button js-menu-target" role="button" tabindex="0" aria-haspopup="true" data-ga-click="Repository, click Watch settings, action:blob#show"> <span class="js-select-button"> <span class="octicon octicon-eye"></span> Unwatch </span> </a> <a class="social-count js-social-count" href="/kbl212/week1day3/watchers"> 1 </a> <div class="select-menu-modal-holder"> <div class="select-menu-modal subscription-menu-modal js-menu-content" aria-hidden="true"> <div class="select-menu-header"> <span class="select-menu-title">Notifications</span> <span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span> </div> <div class="select-menu-list js-navigation-container" role="menu"> <div class="select-menu-item js-navigation-item " role="menuitem" tabindex="0"> <span class="select-menu-item-icon octicon octicon-check"></span> <div class="select-menu-item-text"> <input id="do_included" name="do" type="radio" value="included" /> <span class="select-menu-item-heading">Not watching</span> <span class="description">Be notified when participating or @mentioned.</span> <span class="js-select-button-text hidden-select-button-text"> <span class="octicon octicon-eye"></span> Watch </span> </div> </div> <div class="select-menu-item js-navigation-item selected" role="menuitem" tabindex="0"> <span class="select-menu-item-icon octicon octicon octicon-check"></span> <div class="select-menu-item-text"> <input checked="checked" id="do_subscribed" name="do" type="radio" value="subscribed" /> <span class="select-menu-item-heading">Watching</span> <span class="description">Be notified of all conversations.</span> <span class="js-select-button-text hidden-select-button-text"> <span class="octicon octicon-eye"></span> Unwatch </span> </div> </div> <div class="select-menu-item js-navigation-item " role="menuitem" tabindex="0"> <span class="select-menu-item-icon octicon octicon-check"></span> <div class="select-menu-item-text"> <input id="do_ignore" name="do" type="radio" value="ignore" /> <span class="select-menu-item-heading">Ignoring</span> <span class="description">Never be notified.</span> <span class="js-select-button-text hidden-select-button-text"> <span class="octicon octicon-mute"></span> Stop ignoring </span> </div> </div> </div> </div> </div> </div>
-
Star 0
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/kbl212/week1day3/unstar" class="js-toggler-form starred js-unstar-button" data-form-nonce="6fe60c8111cdff99dc53186537db23425c005ea7" data-remote="true" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="VG9PiBneJWsd+aCU1e1KtjOePmsqtUrhCRGRyUdht0Jgu014Ni46K7tPB+I4QpAEbM9oz+GbxCKz1Ss8hqz92Q==" /></div> <button class="btn btn-sm btn-with-count js-toggler-target" aria-label="Unstar this repository" title="Unstar kbl212/week1day3" data-ga-click="Repository, click unstar button, action:blob#show; text:Unstar"> <span class="octicon octicon-star"></span> Unstar </button> <a class="social-count js-social-count" href="/kbl212/week1day3/stargazers"> 0 </a>
- Fork 0
<h1 itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="entry-title public ">
</div>
</div>
</div>
<div class="container">
<div class="repository-with-sidebar repo-container new-discussion-timeline ">
<div class="repository-sidebar clearfix">
-
Code
<li class="tooltipped tooltipped-w" aria-label="Issues">
<a href="/kbl212/week1day3/issues" aria-label="Issues" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g i" data-selected-links="repo_issues repo_labels repo_milestones /kbl212/week1day3/issues">
<span class="octicon octicon-issue-opened"></span> <span class="full-word">Issues</span>
<span class="js-issue-replace-counter"></span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
<li class="tooltipped tooltipped-w" aria-label="Pull requests">
<a href="/kbl212/week1day3/pulls" aria-label="Pull requests" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g p" data-selected-links="repo_pulls /kbl212/week1day3/pulls">
<span class="octicon octicon-git-pull-request"></span> <span class="full-word">Pull requests</span>
<span class="js-pull-replace-counter"></span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
<li class="tooltipped tooltipped-w" aria-label="Wiki">
<a href="/kbl212/week1day3/wiki" aria-label="Wiki" class="js-selected-navigation-item sunken-menu-item" data-hotkey="g w" data-selected-links="repo_wiki /kbl212/week1day3/wiki">
<span class="octicon octicon-book"></span> <span class="full-word">Wiki</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
<li class="tooltipped tooltipped-w" aria-label="Pulse">
<a href="/kbl212/week1day3/pulse" aria-label="Pulse" class="js-selected-navigation-item sunken-menu-item" data-selected-links="pulse /kbl212/week1day3/pulse">
<span class="octicon octicon-pulse"></span> <span class="full-word">Pulse</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
<li class="tooltipped tooltipped-w" aria-label="Graphs">
<a href="/kbl212/week1day3/graphs" aria-label="Graphs" class="js-selected-navigation-item sunken-menu-item" data-selected-links="repo_graphs repo_contributors /kbl212/week1day3/graphs">
<span class="octicon octicon-graph"></span> <span class="full-word">Graphs</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
<div class="sunken-menu-separator"></div>
<ul class="sunken-menu-group">
<li class="tooltipped tooltipped-w" aria-label="Settings">
<a href="/kbl212/week1day3/settings" aria-label="Settings" class="js-selected-navigation-item sunken-menu-item" data-selected-links="repo_settings repo_branch_settings hooks /kbl212/week1day3/settings">
<span class="octicon octicon-gear"></span> <span class="full-word">Settings</span>
<img alt="" class="mini-loader" height="16" src="https://assets-cdn.github.com/images/spinners/octocat-spinner-32.gif" width="16" />
<div class="only-with-full-nav">
<a href="/kbl212/week1day3/archive/master.zip"
class="btn btn-sm sidebar-button"
aria-label="Download the contents of kbl212/week1day3 as a zip file"
title="Download the contents of kbl212/week1day3 as a zip file"
rel="nofollow">
<span class="octicon octicon-cloud-download"></span>
Download ZIP
</a>
</div>
</div>
<div id="js-repo-pjax-container" class="repository-content context-loader-container" data-pjax-container>
<div class="select-menu-modal">
<div class="select-menu-header">
<span class="select-menu-title">Switch branches/tags</span>
<span class="octicon octicon-x js-menu-close" role="button" aria-label="Close"></span>
</div>
<div class="select-menu-filters">
<div class="select-menu-text-filter">
<input type="text" aria-label="Find or create a branch…" id="context-commitish-filter-field" class="js-filterable-field js-navigation-enable" placeholder="Find or create a branch…">
</div>
<div class="select-menu-tabs">
<ul>
<li class="select-menu-tab">
<a href="#" data-tab-filter="branches" data-filter-placeholder="Find or create a branch…" class="js-select-menu-tab" role="tab">Branches</a>
</li>
<li class="select-menu-tab">
<a href="#" data-tab-filter="tags" data-filter-placeholder="Find a tag…" class="js-select-menu-tab" role="tab">Tags</a>
</li>
</ul>
</div>
</div>
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="branches" role="menu">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
<a class="select-menu-item js-navigation-item js-navigation-open selected"
href="/kbl212/week1day3/blob/master/README.md"
data-name="master"
data-skip-pjax="true"
rel="nofollow">
<span class="select-menu-item-icon octicon octicon-check"></span>
<span class="select-menu-item-text css-truncate-target" title="master">
master
</span>
</a>
</div>
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/kbl212/week1day3/branches" class="js-create-branch select-menu-item select-menu-new-item-form js-navigation-item js-new-item-form" data-form-nonce="6fe60c8111cdff99dc53186537db23425c005ea7" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="1xTJWrTuOoWRz3ZD4h9CBsVoORhobTibmN/PR46qjFeSF3Bt3XYhfGnmwfCtbCn0hrW8+FEfpnxzuImmwJWmXQ==" /></div>
<span class="octicon octicon-git-branch select-menu-item-icon"></span>
<div class="select-menu-item-text">
<span class="select-menu-item-heading">Create branch: <span class="js-new-item-name"></span></span>
<span class="description">from ‘master’</span>
</div>
<input type="hidden" name="name" id="name" class="js-new-item-value">
<input type="hidden" name="branch" id="branch" value="master">
<input type="hidden" name="path" id="path" value="README.md">
<div class="select-menu-list select-menu-tab-bucket js-select-menu-tab-bucket" data-tab-filter="tags">
<div data-filterable-for="context-commitish-filter-field" data-filterable-type="substring">
</div>
<div class="select-menu-no-results">Nothing to show</div>
</div>
</div>
<div class="btn-group right">
<a href="/kbl212/week1day3/find/master"
class="js-show-file-finder btn btn-sm empty-icon tooltipped tooltipped-nw"
data-pjax
data-hotkey="t"
aria-label="Quickly jump between files">
<span class="octicon octicon-list-unordered"></span>
</a>
<button aria-label="Copy file path to clipboard" class="js-zeroclipboard btn btn-sm zeroclipboard-button tooltipped tooltipped-s" data-copied-hint="Copied!" type="button"><span class="octicon octicon-clippy"></span></button>
</div>
<div class="breadcrumb js-zeroclipboard-target">
<span class="repo-root js-repo-root"><span itemscope="" itemtype="http://data-vocabulary.org/Breadcrumb"><a href="/kbl212/week1day3" class="" data-branch="master" data-pjax="true" itemscope="url"><span itemprop="title">week1day3</span></a></span></span><span class="separator">/</span><strong class="final-path">README.md</strong>
</div>
<div class="commit-tease-contributors">
<a class="muted-link contributors-toggle" href="#blob_contributors_box" rel="facebox">
<strong>1</strong>
contributor
</a>
</div>
<div id="blob_contributors_box" style="display:none">
<h2 class="facebox-header" data-facebox-id="facebox-header">Users who have contributed to this file</h2>
<ul class="facebox-user-list" data-facebox-id="facebox-description">
<li class="facebox-user-list-item">
<img alt="@kbl212" height="24" src="https://avatars0.githubusercontent.com/u/15095220?v=3&s=48" width="24" />
<a href="/kbl212">kbl212</a>
</li>
</ul>
</div>
<div class="btn-group">
<a href="/kbl212/week1day3/raw/master/README.md" class="btn btn-sm " id="raw-url">Raw</a>
<a href="/kbl212/week1day3/blame/master/README.md" class="btn btn-sm js-update-url-with-hash">Blame</a>
<a href="/kbl212/week1day3/commits/master/README.md" class="btn btn-sm " rel="nofollow">History</a>
</div>
<a class="octicon-btn tooltipped tooltipped-nw"
href="https://windows.github.com"
aria-label="Open this file in GitHub Desktop"
data-ga-click="Repository, open with desktop, type:windows">
<span class="octicon octicon-device-desktop"></span>
</a>
<!-- </textarea> --><!-- '"` --><form accept-charset="UTF-8" action="/kbl212/week1day3/edit/master/README.md" class="inline-form js-update-url-with-hash" data-form-nonce="6fe60c8111cdff99dc53186537db23425c005ea7" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="A4R/y1D6Uq75kZrGVK3uQOczK7npnnwjGuOoClpHAWJyRO0bNoBWH2UprtLM72BV2k9VJiPsyIlgQRjvUycT0g==" /></div>
<button class="octicon-btn tooltipped tooltipped-nw" type="submit"
aria-label="Edit this file" data-hotkey="e" data-disable-with>
<span class="octicon octicon-pencil"></span>
</button>
</div>
</div>
<div class="modal-backdrop"></div>
</div>
</div>
<div class="container">
<div id="ajax-error-message" class="flash flash-error">
<span class="octicon octicon-alert"></span>
<button type="button" class="flash-close js-flash-close js-ajax-error-dismiss" aria-label="Dismiss error">
<span class="octicon octicon-x"></span>
</button>
Something went wrong with that request. Please try again.
</div>
<script crossorigin="anonymous" integrity="sha256-+Ec97OckLaaiDVIxNjSIGzl1xSzrqh5sOBV8DyYYVpE=" src="https://assets-cdn.github.com/assets/frameworks-f8473dece7242da6a20d52313634881b3975c52cebaa1e6c38157c0f26185691.js"></script>
<script async="async" crossorigin="anonymous" integrity="sha256-j7ydlvuzNI9P9h/pbvsUltXxikOyVzcYtgByVUPHCvA=" src="https://assets-cdn.github.com/assets/github-8fbc9d96fbb3348f4ff61fe96efb1496d5f18a43b2573718b600725543c70af0.js"></script>
<div class="js-stale-session-flash stale-session-flash flash flash-warn flash-banner hidden">
<span class="octicon octicon-alert"></span>
<span class="signed-in-tab-flash">You signed in with another tab or window. <a href="">Reload</a> to refresh your session.</span>
<span class="signed-out-tab-flash">You signed out in another tab or window. <a href="">Reload</a> to refresh your session.</span>
</div>