A Pen by Lambda School on CodePen.
Last active
October 7, 2019 08:17
-
-
Save justsml/867afb7d735653d6728a65c1941c263c to your computer and use it in GitHub Desktop.
User Interface I: Airport Starter File
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- | |
Semantic Markup === Meaningful code | |
Some semantic markup examples: | |
<nav></nav> | |
<section></section> | |
<main></main> | |
<header></header> | |
<strong></strong> | |
<h1></h1> | |
<p></p> | |
1. Accessibility for screen readers etc. | |
2. Next developer reading your code | |
3. SEO: google, bing, yahoo, etc. | |
Presentational Markup === Style and layout | |
Some presentational markup examples: | |
<div></div> | |
<span></span> | |
<hr> | |
<br> | |
1. The layout of the site (Aesthetics) | |
2. User experience (Visual Instructions) | |
--> | |
International Airport | |
Home | |
About | |
Flights | |
Contact | |
<img class="header-img" src="https://tk-assets.lambdaschool.com/4651ccd7-e862-4a74-b8e8-14887425bd76_international-airplane.png" alt="Airplane taking off"> | |
Fly With Us | |
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Maxime similique ad possimus non nesciunt, quaerat quidem dolores velit placeat iure commodi, tempora aliquam sequi tenetur et illo rem ea quae! | |
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Id fugit at suscipit, magnam blanditiis qui eum magni unde, veritatis quas neque possimus tempora est mollitia ex. Voluptatibus quo inventore itaque. | |
Book A Flight | |
Plan Your Flight | |
Vel neque sequi facilis, saepe aliquid tenetur. Exercitationem dolor consequatur nisi alias officiis nulla vero! Eos tenetur quis facilis odit aspernatur blanditiis? | |
Cusque, corporis quis! Nostrum earum aperiam aliquam consequuntur vel illo officiis necessitatibus ratione ullam, quas neque saepe soluta, architecto recusandae nobis. Atque. | |
Home | |
About | |
Flights | |
Contact |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto'); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment