diff --git a/Week-1/bio/css/bio.css b/Week-1/bio/css/bio.css new file mode 100644 index 0000000..3f99ac8 --- /dev/null +++ b/Week-1/bio/css/bio.css @@ -0,0 +1,42 @@ +body { + background-color:#d2d4d8; + margin:0 auto; + max-width: 600px; +} + +#elname { + font-size: 50px; + margin-bottom: 0; + background-color: white; + margin-left: 200px; +} +.spname { + font-size: 65px; +} + +#email { + font-size: 20px; + margin-top: 0; + background-color: white; + height: 30px; +} + +section { + background-color: #6488c1; + margin-top: -25px; + color: white; + padding: 10px; +} + +#elimg { + width: 250px; + height: 245px; + float: left; + margin-right: 10px; + border-radius: 25px; + position: relative; +} + +p { + font-family: cursive; +} diff --git a/Week-1/bio/images/el.jpg b/Week-1/bio/images/el.jpg new file mode 100644 index 0000000..18fde6f Binary files /dev/null and b/Week-1/bio/images/el.jpg differ diff --git a/Week-1/bio/index.html b/Week-1/bio/index.html index e69de29..a4349ff 100644 --- a/Week-1/bio/index.html +++ b/Week-1/bio/index.html @@ -0,0 +1,37 @@ + + + + + Eric Leon Bio + + + + + +
+

ERIC LEON

+

Eleon_2006@yahoo.com

+
+ +
+

I was born in Guanajuato, Mexico and lived in Dallas from five until I turned ten, + then I moved back to Mexico, came back five years later and been here since then, now + I only travel for weeks and not years.
I am now pursuing a career in development. + In the effort to do so, I am completing core classes at DCCCD with hopes to transfer + over to the University of Texas in Dallas to complete my major in Software Engineering. + In addition to DCCCD, I am also the Dallas Coding Academy, and I will obtain a + certification in .Net programming. I obtained two degrees, Network System Administration + and Software Development from ITT Tech, but we all know what that is worth. +
I currently work for National Math and Science Initiative, a non-profit dedicated to + improving STEM education in the US; my role is Desktop Support with a plan to move to a + software development position by the end of the year. My Goal is to become a Senior + Software Engineer and eventually a Director of Software Development while discovering + and developing the best new app.
In addition to coding I also love outdoor activities + with my son and playing soccer, I am trying to keep him away from video games and TV. +

+
+ + + diff --git a/Week-1/index.html b/Week-1/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/Week-1/resume/css/resume.css b/Week-1/resume/css/resume.css new file mode 100644 index 0000000..47e2d48 --- /dev/null +++ b/Week-1/resume/css/resume.css @@ -0,0 +1,84 @@ +body { + background-color:#d2d4d8; + margin:0 auto; + margin-bottom: 50px; + max-width: 1100px; + padding-bottom: 10px; + padding: 5px; + border: dotted black 1px; +} + +p { + font-family: cursive; + margin-bottom: 0; +} + +li { + font-family: cursive; +} + +hr { + height: 2px; + background-color: #6d7177; +} + +ul { + margin-top: 0; +} + +header hr { + height: 5px; +} + +header{ + margin-bottom: 40px; +} +#elimg { + width: 250px; + height: 245px; + float: right; + margin: 0 0 1em 1em; +} + +footer { + position: fixed; + bottom: 0; + left:0; + height: 50px; + width: 100%; + text-align: center; + background-color: #6c727a; + color: white; +} + +.box { + display: inline-block; + margin-top: 0; +} + +#box2 { + display: inline-block; + margin-left: 20em; +} +span { + font-size: 33px; +} + +#elname { + font-size: 50px; + margin-bottom: 0; +} +.spname { + font-size: 65px; +} + +#email { + font-size: 20px; + margin-top: 0; +} + +.worktitle { + font-family: sans-serif; + font-size: 21px; + font-weight: bold; +} diff --git a/Week-1/resume/images/el.jpg b/Week-1/resume/images/el.jpg new file mode 100644 index 0000000..18fde6f Binary files /dev/null and b/Week-1/resume/images/el.jpg differ diff --git a/Week-1/resume/index.html b/Week-1/resume/index.html index e69de29..94ee47f 100644 --- a/Week-1/resume/index.html +++ b/Week-1/resume/index.html @@ -0,0 +1,131 @@ + + + + + Eric Leon - Resume + + + + +
+
+

ERIC LEON

+

Eleon_2006@yahoo.com

+
+

♦ 5927 Hollis ave.
♦ Dallas, Texas, 75227
♦ United States

+

♦ P:469.230.3858
♦ O:214.525.3029

+
+ +
+ +
+

PROFESSIONAL SUMMARY

+

A passionate, detail oriented problem solver with an intense desire to learn. + Looking to join an organization that is equally passionate about learning and growing + both their organization and their people.

+
+ +
+ +
+

SKILLS

+ + +
+ +
+ +
+

WORK HISTORY

+

Help Desk Analyst, 05/2015 to Current
+ National Math and Science Initiative – Dallas, TX

+ +

Bar/floor Manager, 03/2012 to 05/2015
+ Dee Lincolns – Dallas, TX

+ +

Bar Manager, 02/2009 to 03/2012
+ Bella Bar Restaurant – Dallas, TX

+ +
+ +
+ +
+

EDUCATION

+

Associate of Science: Network System Administration, 2014
+ ITT-Tech - Richardson, TX

+ +

Associate of Science: Software Development, 2015
+ ITT-Tech - Richardson, TX

+ +

Bachelor of Science: Software Engineering, Current
+ Eastfield Community College - Mesquite, TX

+

.Net Certification .Net Developer, Current
+ Dallas Coding Academy - Addison, TX

+
+ +
+ +
+

CERTIFICATIONS

+ +
+ + + + + diff --git a/Week-10/Json/index.html b/Week-10/Json/index.html new file mode 100644 index 0000000..1d96d01 --- /dev/null +++ b/Week-10/Json/index.html @@ -0,0 +1,24 @@ + + + + + Json + + + + + + + + + + + + + + + +
User IDIDTitleBody
+ + + diff --git a/Week-10/Json/scripts.js b/Week-10/Json/scripts.js new file mode 100644 index 0000000..181d0ea --- /dev/null +++ b/Week-10/Json/scripts.js @@ -0,0 +1,13 @@ +$(document).ready(function(){ + var root = 'http://jsonplaceholder.typicode.com'; + + $.ajax({ + url: root + '/posts', + method: 'GET' + }).then(function(data) { + data.forEach(function(obj) { + var $row = ""+obj.id+""+obj.userId+""+obj.title+""+obj.body+""; + $("table").append($row); + }); +}); +}); diff --git a/Week-10/Json/styles.css b/Week-10/Json/styles.css new file mode 100644 index 0000000..613ef51 --- /dev/null +++ b/Week-10/Json/styles.css @@ -0,0 +1,13 @@ +table { + margin-left: 20px; +} + +table, tr, td, th { + border: 1px solid black; + padding: 5px; + background-color: white; +} + +table { + background-color: grey; +} diff --git a/Week-10/tabs/img/sbook.jpg b/Week-10/tabs/img/sbook.jpg new file mode 100644 index 0000000..9ea548d Binary files /dev/null and b/Week-10/tabs/img/sbook.jpg differ diff --git a/Week-10/tabs/img/sp4.jpg b/Week-10/tabs/img/sp4.jpg new file mode 100644 index 0000000..ce78c82 Binary files /dev/null and b/Week-10/tabs/img/sp4.jpg differ diff --git a/Week-10/tabs/img/sstudio.jpg b/Week-10/tabs/img/sstudio.jpg new file mode 100644 index 0000000..f3f3ad9 Binary files /dev/null and b/Week-10/tabs/img/sstudio.jpg differ diff --git a/Week-10/tabs/index.html b/Week-10/tabs/index.html new file mode 100644 index 0000000..2009d9d --- /dev/null +++ b/Week-10/tabs/index.html @@ -0,0 +1,37 @@ + + + + + + jQuery UI Tabs - Default functionality + + + + + + + + +
+ +
+ Surface pro 4 +
+
+ Surface Book +
+
+ Surface Studio +
+ +
+ + diff --git a/Week-1/bio/css/index.html b/Week-10/tabs/script.js similarity index 100% rename from Week-1/bio/css/index.html rename to Week-10/tabs/script.js diff --git a/Week-10/tabs/styles.css b/Week-10/tabs/styles.css new file mode 100644 index 0000000..707cda2 --- /dev/null +++ b/Week-10/tabs/styles.css @@ -0,0 +1,15 @@ +.main-container { + display: flex; + align-items: center; + flex-direction: column; +} + +ul{ + display: flex; + list-style: none; + justify-content: space-between; +} + +article { + display: flex; +} diff --git a/Week-2/Lists/css/style.css b/Week-2/Lists/css/style.css new file mode 100644 index 0000000..50cd3c7 --- /dev/null +++ b/Week-2/Lists/css/style.css @@ -0,0 +1,7 @@ +body{ + background-color: grey; +} + +.list1 { + text-align: center; +} diff --git a/Week-2/Lists/index.html b/Week-2/Lists/index.html index e69de29..e8e4d35 100644 --- a/Week-2/Lists/index.html +++ b/Week-2/Lists/index.html @@ -0,0 +1,18 @@ + + + + + List of things + + + +

5 things I would like to learn in the class

+
    +
  1. Create pages that use new HTML5 tags like video, audio, etc
  2. +
  3. Learn JavaScript to add functionality to my page
  4. +
  5. Learn to style my page
  6. +
  7. Learn how to problem solve and think like a developer
  8. +
  9. Learn what a developer does outside of coding
  10. +
+ + diff --git a/Week-2/Write-a-Blog-Post/css/css-reset.css b/Week-2/Write-a-Blog-Post/css/css-reset.css new file mode 100644 index 0000000..026c546 --- /dev/null +++ b/Week-2/Write-a-Blog-Post/css/css-reset.css @@ -0,0 +1,20 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} diff --git a/Week-2/Write-a-Blog-Post/css/styles.css b/Week-2/Write-a-Blog-Post/css/styles.css new file mode 100644 index 0000000..5355359 --- /dev/null +++ b/Week-2/Write-a-Blog-Post/css/styles.css @@ -0,0 +1,80 @@ +body { + margin:0 auto; + margin-bottom: 50px; + max-width: 1300px; + padding-bottom: 10px; + padding: 5px; + background-color: #2663E5; +} +header { + text-align: center; + height: 5%; + color: white; +} + +aside{ + padding: 50px; + position: absolute; + bottom: 5%; + top: 9.2%; + width: 8%; + display: inline-block; +} + +aside > ul{ + list-style-type: none; + padding-left: 0; + padding-top: 20px; +} +nav { + position: relative; + left: 20%; + display: inline-block; + font-weight: bold; +} +nav > ul{ + list-style-type: none; +} + +nav > ul > li{ + display: inline-block; + padding: 10px; + margin: 5px; + border: dotted black 1px; + background-color: white; +} + +section.sec{ + height: 600px; + padding-right: 250px; + background-color: white; +} + +footer { + position: fixed; + bottom: 0; + left:0; + height: 50px; + width: 100%; + text-align: center; + background-color: #6c727a; + color: white; +} + +.imgdiv{ + position: relative; + left: 20%; + height: 150px; + width: 150px; + margin: 30px; + padding: 20 px; + float: left; +} + +img{ + height: 150px; + width: 150px; +} +p{ + text-align: center; +} diff --git a/Week-2/Write-a-Blog-Post/images/allinone.jpg b/Week-2/Write-a-Blog-Post/images/allinone.jpg new file mode 100644 index 0000000..b531495 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/allinone.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/desktop.jpg b/Week-2/Write-a-Blog-Post/images/desktop.jpg new file mode 100644 index 0000000..fd5fdea Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/desktop.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/header.jpg b/Week-2/Write-a-Blog-Post/images/header.jpg new file mode 100644 index 0000000..ba3c7e1 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/header.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/laptop.jpg b/Week-2/Write-a-Blog-Post/images/laptop.jpg new file mode 100644 index 0000000..d216f44 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/laptop.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/monitor.jpg b/Week-2/Write-a-Blog-Post/images/monitor.jpg new file mode 100644 index 0000000..002e8ec Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/monitor.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/mouse.jpg b/Week-2/Write-a-Blog-Post/images/mouse.jpg new file mode 100644 index 0000000..33f4d32 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/mouse.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/printer.jpg b/Week-2/Write-a-Blog-Post/images/printer.jpg new file mode 100644 index 0000000..a2c1566 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/printer.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/router.jpg b/Week-2/Write-a-Blog-Post/images/router.jpg new file mode 100644 index 0000000..ae5b4e1 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/router.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/server.jpg b/Week-2/Write-a-Blog-Post/images/server.jpg new file mode 100644 index 0000000..b1c3053 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/server.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/switch.jpg b/Week-2/Write-a-Blog-Post/images/switch.jpg new file mode 100644 index 0000000..3d04cda Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/switch.jpg differ diff --git a/Week-2/Write-a-Blog-Post/index.html b/Week-2/Write-a-Blog-Post/index.html index e69de29..ca5033c 100644 --- a/Week-2/Write-a-Blog-Post/index.html +++ b/Week-2/Write-a-Blog-Post/index.html @@ -0,0 +1,64 @@ + + + + + Tech Shop + + + + + technology +
+

Technology

+
+ + +
+
+ Desktop

Desktops

+
+
+ Laptop

Laptops

+
+
+ All-In-One

All-In-Ones

+
+
+ Servers

Servers

+
+
+ Switches

Switches

+
+
+ Routers

Routers

+
+
+ Monitors

Monitors

+
+
+ Mouse/Keyboard Combo

Mouse/Keyboard Combo

+
+
+ Printers

Printers

+
+
+ + + + diff --git a/Week-3/HWTable/css/styles.css b/Week-3/HWTable/css/styles.css new file mode 100644 index 0000000..cf5545b --- /dev/null +++ b/Week-3/HWTable/css/styles.css @@ -0,0 +1,32 @@ +table{ + background-color: #0C2F4C; + color: White; +} + +table, th, td { + border: 1px solid #1FCACB; + padding: 5px; + margin: 5px; +} + +.title { + background-color: #2A80CB; + font-size: 37px; +} + +.header { + background-color: #4B7294; + font-size: 28px; +} + +.data { + background-color: #5493CB; + font-size: 22px; +} + +.empty { + height: 50px; + width: 50px; + background-color: #5D62CB; + border: none; +} diff --git a/Week-3/HWTable/index.html b/Week-3/HWTable/index.html new file mode 100644 index 0000000..c89e719 --- /dev/null +++ b/Week-3/HWTable/index.html @@ -0,0 +1,61 @@ + + + + + Tables + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Computers
MakeModelTypeOSOS Version
DellE7270LaptopWindows10
LenovoThinkPadLaptopWindows8.1
HPPavilionDesktopWindows7
MicrosoftSurface BookLaptopWindows10
AppleMacbook ProLaptopOS XEl Capitan
+ + diff --git a/Week-3/Team-Project-3/CSS/style.css b/Week-3/Team-Project-3/CSS/style.css new file mode 100644 index 0000000..2f41f90 --- /dev/null +++ b/Week-3/Team-Project-3/CSS/style.css @@ -0,0 +1,71 @@ +body { + background-image: url("../images/airline.jpg"); + color: white; +} + +.header{ + height: 10%; + background-color: #003D4A; +} + +.logo{ + float: left; + background-color: #003D4A; +} + +.nav { + float: right; + margin: 30px; + background-color: #003D4A; +} + +.home{ + float: left; + vertical-align: middle; + padding: 7px; + background-color: #003D4A; +} + +.section{ + float: left; + clear: left; + margin-left: 50px; + margin-top: 80px; + background-color: #203737; +} + +.topofsec { + position: relative; + top:0; + left:0; + height: 50px; +} + +.plane { + background-color: green; + padding-left: 30px; + padding-right: 30px; + float: left; + width: 33; +} +.controls { + float: left; + width: 45%; +} + +input{ + width: 100%; +} +.clear { + clear: left; +} +.search { + background-color: #203737; + margin: 15px; + +} + +.search > input { + background-color: blue; + border: solid #203737 1px; +} diff --git a/Week-3/Team-Project-3/airline.jpg b/Week-3/Team-Project-3/Images/airline.jpg old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/airline.jpg rename to Week-3/Team-Project-3/Images/airline.jpg diff --git a/Week-3/Team-Project-3/car-icon.png b/Week-3/Team-Project-3/Images/car-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/car-icon.png rename to Week-3/Team-Project-3/Images/car-icon.png diff --git a/Week-3/Team-Project-3/deal-icon.png b/Week-3/Team-Project-3/Images/deal-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/deal-icon.png rename to Week-3/Team-Project-3/Images/deal-icon.png diff --git a/Week-3/Team-Project-3/home-icon.png b/Week-3/Team-Project-3/Images/home-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/home-icon.png rename to Week-3/Team-Project-3/Images/home-icon.png diff --git a/Week-3/Team-Project-3/hotel-icon.png b/Week-3/Team-Project-3/Images/hotel-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/hotel-icon.png rename to Week-3/Team-Project-3/Images/hotel-icon.png diff --git a/Week-3/Team-Project-3/login-icon.png b/Week-3/Team-Project-3/Images/login-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/login-icon.png rename to Week-3/Team-Project-3/Images/login-icon.png diff --git a/Week-3/Team-Project-3/logo.png b/Week-3/Team-Project-3/Images/logo.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/logo.png rename to Week-3/Team-Project-3/Images/logo.png diff --git a/Week-3/Team-Project-3/page_design.png b/Week-3/Team-Project-3/Images/page_design.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/page_design.png rename to Week-3/Team-Project-3/Images/page_design.png diff --git a/Week-3/Team-Project-3/plane-icon.png b/Week-3/Team-Project-3/Images/plane-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/plane-icon.png rename to Week-3/Team-Project-3/Images/plane-icon.png diff --git a/Week-3/Team-Project-3/schedule-icon.png b/Week-3/Team-Project-3/Images/schedule-icon.png old mode 100755 new mode 100644 similarity index 100% rename from Week-3/Team-Project-3/schedule-icon.png rename to Week-3/Team-Project-3/Images/schedule-icon.png diff --git a/Week-3/Team-Project-3/Index.html b/Week-3/Team-Project-3/Index.html new file mode 100644 index 0000000..00c904a --- /dev/null +++ b/Week-3/Team-Project-3/Index.html @@ -0,0 +1,77 @@ + + + + + Project 3 + + + +
+ + +
+ +
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+ +
+
+ +
+
+
+ Passengers + +
+
+ Return + Depart +
+
+
+ +
+ + diff --git a/Week-3/Team-Project-4/css/font-awesome.css b/Week-3/Team-Project-4/css/font-awesome.css new file mode 100644 index 0000000..ee906a8 --- /dev/null +++ b/Week-3/Team-Project-4/css/font-awesome.css @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: .3em; +} +.fa.fa-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-resistance:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/Week-3/Team-Project-4/css/font-awesome.min.css b/Week-3/Team-Project-4/css/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/Week-3/Team-Project-4/css/font-awesome.min.css @@ -0,0 +1,4 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} diff --git a/Week-3/Team-Project-4/css/styles.css b/Week-3/Team-Project-4/css/styles.css new file mode 100644 index 0000000..2cbb005 --- /dev/null +++ b/Week-3/Team-Project-4/css/styles.css @@ -0,0 +1,10 @@ +.fa { + color: blue; + font-size: 30px; + text-align: center; +} + +.two > .fa{ + color: green; + font-size: 100px; +} diff --git a/Week-3/Team-Project-4/fonts/FontAwesome.otf b/Week-3/Team-Project-4/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/Week-3/Team-Project-4/fonts/FontAwesome.otf differ diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.eot b/Week-3/Team-Project-4/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.eot differ diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.svg b/Week-3/Team-Project-4/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/Week-3/Team-Project-4/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.ttf b/Week-3/Team-Project-4/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.ttf differ diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff differ diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff2 b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff2 differ diff --git a/Week-3/Team-Project-4/index.html b/Week-3/Team-Project-4/index.html new file mode 100644 index 0000000..9a8169e --- /dev/null +++ b/Week-3/Team-Project-4/index.html @@ -0,0 +1,34 @@ + + + + + Team table + + + + + + + + + + + +
+

FREE

+ + + + +

$0.00

+
+

FREE

+ + + + +

$0.00

+
+ + + diff --git a/Week-4/Form/css/styles.css b/Week-4/Form/css/styles.css new file mode 100644 index 0000000..2738af8 --- /dev/null +++ b/Week-4/Form/css/styles.css @@ -0,0 +1,40 @@ +body{ + background-image: url("../images/background.jpg"); + padding-left: 15%; + padding-right: 15%; +} + +img { + height: 102px; + width: 250px; +} + +.logo { + background-color: #035C59; + height: 102px; +} + +section { + background-color: #1758FF; + padding-left: 10%; + color: white; + position: relative; + border: 5px solid #00027F; +} + +.aside { + width: 30%; + position: absolute; + top: 0; + bottom: 0; + right: 0; + background-color: #7E5305; +} + +.button { + border: 2px solid #00027F; +} + +.zip { + width: 60px; +} diff --git a/Week-4/Form/form.html b/Week-4/Form/form.html new file mode 100644 index 0000000..d814db8 --- /dev/null +++ b/Week-4/Form/form.html @@ -0,0 +1,90 @@ + + + + + Form + + + +
+ +
+
+
+
+


+ First Name:


+ Last Name:


+ Email:


+ Password:


+ Gender:
Male + Female + Other

+ Age:


+ Address Line 1:


+ Address Line 2:


+ State:


+ City:


+ Zip:
+ -

+    +

+
+
+ + + diff --git a/Week-4/Form/images/background.jpg b/Week-4/Form/images/background.jpg new file mode 100644 index 0000000..3536eac Binary files /dev/null and b/Week-4/Form/images/background.jpg differ diff --git a/Week-4/Form/images/it.jpg b/Week-4/Form/images/it.jpg new file mode 100644 index 0000000..76405e8 Binary files /dev/null and b/Week-4/Form/images/it.jpg differ diff --git a/Week-4/checkpoint-1/css/styles.css b/Week-4/checkpoint-1/css/styles.css new file mode 100644 index 0000000..cb45f4a --- /dev/null +++ b/Week-4/checkpoint-1/css/styles.css @@ -0,0 +1,174 @@ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +body { + min-width: 850px; +} + +.sitebody { + background-color: #ffffff; + position: relative; +} + +.logo { + padding-left: 20px; +} + +ul { + padding: 20px 20px 0 0; +} + +li { + display: inline; + list-style-type: none; + padding-right: 7px; + padding-right: 7px; + float: right; + border: 1px solid navy; + padding: 3px; + margin: 5px; + border-radius: 10%; + background-color: #E8950C; +} + +/*.header { + position: absolute; + left: 0; + width: 100%; + background-color: #FFFFF1; + height: 3%; +}*/ + +h1 { + font-size: 60px; +} + +.pageone { + padding-top: 100px; + text-align: center; + position: relative; + font-weight: bold; +} + +.insideimage { + position: absolute; + top: 48%; + left: 43%; + color: white; + font-size: 30px; +} + +.pageone>button { + position: absolute; + top: 62%; + left: 48%; + color: black; + font-size: 25px; + font-weight: bold; +} + +hr { + height: 3px; + width: 90%; + background-color: #E8950C; +} + +img.lroomimg { + padding-top: 30px; + padding-right: 30px; + padding-left: 50px; + float: left; + margin-right: 20px; +} + +p.lroom { + padding-top: 30px; + padding-right: 180px; + font-size: 20px; + font-weight: bold; +} + +.titleofchair { + font-weight: bold; + font-size: 35px; +} + +.titleofchairoffice { + font-weight: bold; + font-size: 21px; + width: 22%; +} + +.imgoffice { + float: left; + margin: 20px; + padding-left: 50px; + font-weight: bold; +} + +.imgoffice>img { + height: 180px; + width: 180px; +} + +.imgoffice>p { + word-wrap: break-word; + width: 150px; + text-align: center; +} + +.imglibrary { + float: left; + margin: 30px; + padding-left: 0px; + position: relative; + font-weight: bold; + padding-right: 0; +} + +.imglibrary>img { + height: 300px; + width: 300px; +} + +.imglibrary>p { + text-align: center; + word-wrap: break-word; + width: 350px; +} + +.date { + position: absolute; + right: 0; +} + +.libchairone { + margin: 0 150px 0 100px; +} + +.end { + text-align: center; + font-weight: bold; + font-size: 25px; + padding: 0 20px 0 20px; + background-image: url("../images/pattern.jpg"); +} + +.end>img { + padding-left: 20px; +} + +.buttn { + border: 1px solid black; + background-color: grey; + border-radius: 10%; + font-size: 30px; + padding: 10px; + margin: 10px; +} diff --git a/Week-4/checkpoint-1/images/favicon.jpg b/Week-4/checkpoint-1/images/favicon.jpg new file mode 100644 index 0000000..8fee893 Binary files /dev/null and b/Week-4/checkpoint-1/images/favicon.jpg differ diff --git a/Week-4/checkpoint-1/images/library1.jpg b/Week-4/checkpoint-1/images/library1.jpg new file mode 100644 index 0000000..a2f17e7 Binary files /dev/null and b/Week-4/checkpoint-1/images/library1.jpg differ diff --git a/Week-4/checkpoint-1/images/library2.jpg b/Week-4/checkpoint-1/images/library2.jpg new file mode 100644 index 0000000..9215598 Binary files /dev/null and b/Week-4/checkpoint-1/images/library2.jpg differ diff --git a/Week-4/checkpoint-1/images/lroom.jpg b/Week-4/checkpoint-1/images/lroom.jpg new file mode 100644 index 0000000..0bafe2c Binary files /dev/null and b/Week-4/checkpoint-1/images/lroom.jpg differ diff --git a/Week-4/checkpoint-1/images/office1.jpg b/Week-4/checkpoint-1/images/office1.jpg new file mode 100644 index 0000000..896f329 Binary files /dev/null and b/Week-4/checkpoint-1/images/office1.jpg differ diff --git a/Week-4/checkpoint-1/images/office2.jpg b/Week-4/checkpoint-1/images/office2.jpg new file mode 100644 index 0000000..95f9829 Binary files /dev/null and b/Week-4/checkpoint-1/images/office2.jpg differ diff --git a/Week-4/checkpoint-1/images/office3.jpg b/Week-4/checkpoint-1/images/office3.jpg new file mode 100644 index 0000000..94fe66f Binary files /dev/null and b/Week-4/checkpoint-1/images/office3.jpg differ diff --git a/Week-4/checkpoint-1/images/office4.jpg b/Week-4/checkpoint-1/images/office4.jpg new file mode 100644 index 0000000..5627382 Binary files /dev/null and b/Week-4/checkpoint-1/images/office4.jpg differ diff --git a/Week-4/checkpoint-1/images/one.jpg b/Week-4/checkpoint-1/images/one.jpg new file mode 100644 index 0000000..81421ac Binary files /dev/null and b/Week-4/checkpoint-1/images/one.jpg differ diff --git a/Week-4/checkpoint-1/images/pattern.jpg b/Week-4/checkpoint-1/images/pattern.jpg new file mode 100644 index 0000000..3f8fdb1 Binary files /dev/null and b/Week-4/checkpoint-1/images/pattern.jpg differ diff --git a/Week-4/checkpoint-1/index.html b/Week-4/checkpoint-1/index.html index e69de29..7ef566a 100644 --- a/Week-4/checkpoint-1/index.html +++ b/Week-4/checkpoint-1/index.html @@ -0,0 +1,97 @@ + + + + + + checkpoint + + + + + +
+
+ + +
+
+ +
+
+ contemporary chair +

WE HAVE CHAIRS!
Lots of Them

+ +
+
+
+ living room chair +

+ Living room chair

When in the Course of human events it becomes necessary for one people to dissolve the political bands which have connected them with another and to assume among the powers of the earth, the separate and equal + station to which the Laws of Nature and of Nature's God entitle them.

+
+
+
+
+ office chair
+ This is office chair 1 +

Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.

+
+
+ office chair
+ This is office chair 2 +

Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.

+
+
+ office chair
+ This is office chair 3 +

Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.

+
+
+ office chair
+ This is office chair 4 +

Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.

+
+
+
+
+
+ library chair +
+ This is library chair 1 +

Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.
2/18/2017

+
+
+ library chair +
+ This is library chair 2 +

Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.

+
2/18/2017
+
+
+
+
+
+
+

We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness. — That to secure these rights, + Governments are instituted among Men, deriving their just powers from the consent of the governed, — That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and + to institute new Government, laying its foundation on such principles and organizing its powers in such form, as to them shall seem most likely to effect their Safety and Happiness.

+
+ Register + Home +


+
+
+
+ + + diff --git a/Week-4/test/test.css b/Week-4/test/test.css new file mode 100644 index 0000000..09d359c --- /dev/null +++ b/Week-4/test/test.css @@ -0,0 +1,20 @@ +.first { + background-color: red; + height: 100px; + width: 100%; +} + +.second { + border: solid black 1px; + height: 300px; + width: 100%; + position: relative; +} + +.insidesecond { + border: solid blue 1px; + width: 25%; + position: absolute; + top: 0; + right: 0; +} diff --git a/Week-4/test/test.html b/Week-4/test/test.html new file mode 100644 index 0000000..c831856 --- /dev/null +++ b/Week-4/test/test.html @@ -0,0 +1,19 @@ + + + + + test positioning + + + +
+ +
+


+
+
+ I am inside the second div +
+
+ + diff --git a/Week-5/Flexbox-Flags/css/styles.css b/Week-5/Flexbox-Flags/css/styles.css new file mode 100644 index 0000000..f272800 --- /dev/null +++ b/Week-5/Flexbox-Flags/css/styles.css @@ -0,0 +1,85 @@ +.main-container { + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.flag { + border: 1px solid black; + width: 200px; + height: 150px; + display: flex; + flex-direction: column; +} + +.vflag { + border: 1px solid black; + width: 200px; + height: 150px; + display: flex; + +} + +.colorg1 { +background-color: black; +flex: 1; +} + +.colorg2 { +background-color: red; +flex: 1; +} + +.colorg3 { +background-color: yellow; + +flex: 1; +} + +.colori1 { +background-color: green; + +flex: 1; +} + +.colori2 { +background-color: white; +flex: 1; +} + +.colori3 { +background-color: red; + +flex: 1; +} + +.colorf1 { +background-color: blue; + +flex: 1; +} + +.colorf2 { +background-color: white; +flex: 1; +} + +.colorf3 { +background-color: red; +flex:1; +} + +.colorc1 { +background-color: yellow; +flex:1; +} + +.colorc2 { +background-color: blue; +flex:1; +} + +.colorc3 { +background-color: red; +flex:1; +} diff --git a/Week-5/Flexbox-Flags/index.html b/Week-5/Flexbox-Flags/index.html index e69de29..c46387d 100644 --- a/Week-5/Flexbox-Flags/index.html +++ b/Week-5/Flexbox-Flags/index.html @@ -0,0 +1,63 @@ + + + + + + Flags + + + + +
+
+
+
+
+ +
+ +
+ +
+ +
+
+
+ +
+
+ +
+ +
+ +
+ +
+
+
+ +
+
+ +
+ +
+ +
+
+
+
+ +
+
+ +
+
+ +
+
+
+ + + diff --git a/Week-5/USFlag/css/styles.css b/Week-5/USFlag/css/styles.css new file mode 100644 index 0000000..aafbe39 --- /dev/null +++ b/Week-5/USFlag/css/styles.css @@ -0,0 +1,63 @@ +body { + background-image: url(../images/US.jpg); + padding: 80px; +} + +.main-container { + display: flex; + flex-direction: column; + border: 3px solid grey; + width: 1000px; +} + +.top { + display: flex; + height: 250px; +} + +.stars { + display: flex; + flex-direction: column; + background-color: blue; + flex: 1; + height: 250px; + justify-content: space-around; +} + +.six { + display: flex; + justify-content: space-between; +} + +.five { + display: flex; + justify-content: space-around; + padding: 0 15px 0 15px; +} + +img { + height: 29px; + width: 29px; +} + +.stripes { + display: flex; + flex: 2; + flex-direction: column; +} + +.red { + background-color: red; + flex: 1; +} + +.white { + background-color: white; + flex: 1; +} + +.bottom { + display: flex; + flex-direction: column; + height: 250px; +} diff --git a/Week-5/USFlag/images/US.jpg b/Week-5/USFlag/images/US.jpg new file mode 100644 index 0000000..343de6e Binary files /dev/null and b/Week-5/USFlag/images/US.jpg differ diff --git a/Week-5/USFlag/images/star.png b/Week-5/USFlag/images/star.png new file mode 100644 index 0000000..afa692f Binary files /dev/null and b/Week-5/USFlag/images/star.png differ diff --git a/Week-5/USFlag/index.html b/Week-5/USFlag/index.html new file mode 100644 index 0000000..d76e8a7 --- /dev/null +++ b/Week-5/USFlag/index.html @@ -0,0 +1,104 @@ + + + + + + US Flag + + + + +
+
+
+ + star + star + star + star + star + star + + + star + star + star + star + star + + + star + star + star + star + star + star + + + star + star + star + star + star + + + star + star + star + star + star + star + + + star + star + star + star + star + + + star + star + star + star + star + star + + + star + star + star + star + star + + + star + star + star + star + star + star + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/Week-5/newspaper/css/styles.css b/Week-5/newspaper/css/styles.css new file mode 100644 index 0000000..dfb1041 --- /dev/null +++ b/Week-5/newspaper/css/styles.css @@ -0,0 +1,86 @@ + +body { + padding: 0 15% 0 15%; +} + +.main-container { + display: flex; + flex-direction: column; + flex-wrap: wrap; + background-color: grey; +} + +header { + display: flex; + align-items: center; + flex-direction: column; + color: white; +} + +.sec1 { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + margin-bottom: 40px; +} + +.art1 { + display: flex; + flex-direction: column; + width: 410px; + background-color: white; +} + +.lgimg { + height: 300px; + width: 410px; +} + +.smimg { + height: 180px; + width: 240px; +} + +.mdimg { + width: 410px; + height: 180px; +} + +.sec2 { + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.art2 { + display: flex; + flex-direction: column; + width: 240px; + background-color: white; +} + +.art3 { + display: flex; + flex-direction: column; + background-color: white; + width: 410px; +} + +footer { + display: flex; + justify-content: space-between; +} + +p { + padding: 10px 10px 0 10px; +} + +h1 { + padding: 10px 10px 0 10px; +} + +@media all and (max-width: 511px) { + .art2, .smimg{ + width: 410px; + } +} diff --git a/Week-5/newspaper/images/img.jpg b/Week-5/newspaper/images/img.jpg new file mode 100644 index 0000000..77fbfb3 Binary files /dev/null and b/Week-5/newspaper/images/img.jpg differ diff --git a/Week-5/newspaper/index.html b/Week-5/newspaper/index.html index e69de29..65dc4a7 100644 --- a/Week-5/newspaper/index.html +++ b/Week-5/newspaper/index.html @@ -0,0 +1,60 @@ + + + + + Newspaper + + + +
+
+

This is a News Page

+

This is a subtitle

+
+
+
+ landscape image +

Article Title

+

Lorem ipsum dolor sit amet, + consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip +

+

By authors

100000 comments

+
+
+ landscape image +

Article Title

+

Lorem ipsum dolor sit amet, + consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna + aliqua. Ut enim ad minim veniam, quis nostrud + exercitation ullamco laboris nisi ut aliquip +

+

By authors

100000 comments

+
+
+
+
+ small image +

Article Title

+

Lorem ipsum dolor sit amet, consectetur

+

By authors

100000 comments

+
+
+ small image +

Article Title

+

Lorem ipsum dolor sit amet, consectetur

+

By authors

100000 comments

+
+
+ medium image +

Article Title

+

Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur

+ +
+
+
+ + diff --git a/Week-6/Team-Project-1/css/styles.css b/Week-6/Team-Project-1/css/styles.css new file mode 100644 index 0000000..708581c --- /dev/null +++ b/Week-6/Team-Project-1/css/styles.css @@ -0,0 +1,122 @@ +body { + height: 100%; + margin: 0; +} + +.main-container { + border: 1px solid black; + display: flex; + flex-direction: column; + justify-content: space-around; + padding: 10px; + min-height: 100vh; +} + +header { + border: 1px solid black; + background-color: blue; + flex: 1; +} + +section { + display: flex; + flex: 4; +} + +nav { + border: 1px solid black; + background-color: yellow; + flex: 1; + margin: 10px; +} + +.article { + display: flex; + flex-direction: column; + flex: 3; +} + +.top-story { + border: 1px solid black; + background-color: purple; + flex: 1; + margin: 10px; +} + +.bottom-story { + flex: 1; + display: flex; + flex-wrap: wrap; + justify-content: space-around; +} + +.sm-story { + border: 1px solid black; + background-color: gold; + flex: 1 20%; + margin: 10px; +} + +footer { + border: 1px solid black; + background-color: navy; + flex: 1; +} + +@media screen and (max-width: 800px) { + section { + /*min-height: auto;*/ + background-color: grey; + } + .sm-story { + flex: 1 40%; + height: 100px; + margin: 5px; + } + .bottom-story { + align-content: flex-start; + margin-bottom: 50px; + + } + header { + min-height: 70px; + } + nav { + height: 500px; + } + footer { + /*display: none;*/ + height: 70px; + } + .top-story { + height: 110px; + } +} + +@media screen and (max-width: 400px) { + + header { + min-height: 170px; + } + section { + flex-direction: column; + } + .article { + flex-direction: column; + } + .top-story { + height: 170px; + } + + nav { + height: 170px; + } + .sm-story { + flex: 1 100%; + height: 170px; + } + + footer { + height: 170px; + } +} diff --git a/Week-6/Team-Project-1/index.html b/Week-6/Team-Project-1/index.html index e69de29..c555e91 100644 --- a/Week-6/Team-Project-1/index.html +++ b/Week-6/Team-Project-1/index.html @@ -0,0 +1,33 @@ + + + + + Flexbox - project 1 + + + + +
+
Header
+
+ +
+
+ Top Story +
+
+
Story
+
Story
+
Story
+
Story
+
Story
+
Story
+
Story
+
Story
+
+
+
+ +
+ + diff --git a/Week-6/Team-Project-2/css/styles.css b/Week-6/Team-Project-2/css/styles.css new file mode 100644 index 0000000..1a0f89a --- /dev/null +++ b/Week-6/Team-Project-2/css/styles.css @@ -0,0 +1,337 @@ +body { + height: 100%; + margin: 0; +} + +.main-container { + display: flex; + flex-direction: column; + min-height: 100vh; + flex-wrap: wrap; +} + +header { + display: flex; + justify-content: space-between; + padding: 15px; + background-color: #dda42a; + color: #ffffff; + flex: .5; +} + +.menu > span { + font-size: 30px; + align-self: center; +} + +.menu > img { + padding: 10px; +} + +.menu { + flex: 2; + display: flex; +} + +.logo { + flex: 2; +} + +.search { + flex: 2; + display: flex; + padding: 10px; +} + +.search > input { + background-color: #000000; + opacity: 0.5; + border-radius: 7px 0 0 7px; + flex: 4; + color: #ffffff; + font-size: 20px; + border: none; + padding-left: 5px; +} + +.search > div.img { + flex: 1; + border-radius: 0 7px 7px 0; + background-color: #000000; + opacity: 0.6; + display: flex; + justify-content: center; + +} + +.img > img { + padding: 15px 0 15px 0; +} + +section { + display: flex; + flex: 5; +} + +.main-left { + display: flex; + flex-direction: column; + flex: 1; +} + +.sm-image > img{ + flex: 3; + display: flex; + min-width: 100%; +} + +.description { + flex: 2; + display: flex; + flex-direction: column; + align-items: center; + background-color: #de741e; + color: white; + font-size: 25px; + justify-content: space-around; + padding-bottom: 30px; +} + +.description > ul { + display: flex; + list-style: none; + padding: 0; + margin: 0; +} + +.contact{ + flex: 1; + display: flex; + background-color: #de741e; + color: white; + justify-content: center; +} + +.contact > img { + padding: 0 0 10px 30px; +} + +.lg-image{ + flex: 3; + display: flex; +} + +.lg-image > img { + width: 100%; +} + +footer { + display: flex; + padding: 30px; + background-color: #1f1f1f; + flex: .2; +} + +.email { + flex: 1; + color: #ffffff; + display: flex; +} + +.email > input { + flex: 2; + border-radius: 7px 0 0 7px; + font-size: 100%; + color: #ffffff; + background-color: #000000; + border: none; + padding-left: 5px; +} + +.email > p { + flex: 1; + border-radius: 0 7px 7px 0; + background-color: #e95a0a; + min-height: 100%; + align-self: center; + padding: 0 5px 0 5px; + justify-content: center; + display: flex; +} + +.social { + flex: 4; + display: flex; + justify-content: center; +} + +.social > img { + margin: 0 5px 0 5px; +} + +.donate { + flex: 1; + display: flex; + justify-content: flex-end; + justify-content: center; +} + +.heart { + flex: 1; + background-color: #33a13a; + text-align: center; + padding: 3px; + border-radius: 7px 0 0 7px; +} + + +.donate > p { + flex: 1; + background-color: #ffffff; + color: #33a13a; + border-radius: 0 7px 7px 0; + min-height: 100%; + align-self: center; + display: flex; + justify-content: center; + font-weight: bold; +} + +p > span { + align-self: center; +} + + +@media all and (min-width: 1300px) { +body { + max-width: 1280px; + margin: auto; + background-color:#dda42a; +} +.main-container { + vertical-align: middle; +} +} + +@media all and (max-width: 690px) and (min-width: 531px) { + .lg-image{ + display: none; + } + footer { + display: none; + } + header{ + flex-wrap: wrap; + padding: 0; + } + .main-left { + flex-direction: row; + } + .contact { + margin: 0; + padding: 0; + align-self: flex-start; + display: flex; + flex-direction: column; + } + + .contact>img { + padding: 10px; + height: 50px; + width: 50px; + } + .description { + padding-top: 20px; + align-self: flex-start; + } + .description>ul { + display: flex; + flex-direction: column; + align-items: center; + } + section { + background-color: #de741e; + } + .sm-image>img { + height: 260px; + } + .search { + padding: 5px; + margin: 0; + flex: 1.5; + width: 30%; + } + .search>input{ + width: 10px; + } + + .logo { + flex: 1 100%; + order: -1; + text-align: center; + } + .menu { + flex: 1; + width: 30%; + } + .logo>img { + height: 60px; + } + + .menu> img { + height: 30px; + } + .menu>span { + font-size: 27px; + } + +} + + +@media screen and (max-width: 530px){ + .lg-image{ + display: none; + } + footer { + display: none; + } + header{ + flex-wrap: wrap; + padding: 0; + } + + .search { + padding: 5px; + margin: 0; + flex: 1.5; + width: 30%; + } + .search>input{ + width: 10px; + } + + .logo { + flex: 1 100%; + order: -1; + text-align: center; + } + .menu { + flex: 1; + width: 30%; + } + .logo>img { + height: 60px; + } + + .menu> img { + height: 30px; + } + .menu>span { + font-size: 27px; + } + + .contact>img { + margin: 0; + padding: 7px; + } +} diff --git a/Week-6/Team-Project-2/html/index.html b/Week-6/Team-Project-2/html/index.html new file mode 100644 index 0000000..eda6ec9 --- /dev/null +++ b/Week-6/Team-Project-2/html/index.html @@ -0,0 +1,67 @@ + + + + + Team Project 2 + + + + +
+
+ + + +
+
+
+
+ +
+
+ Ginger + Golden Retreiver +
    +
  • Male | 
  • +
  • 24 Months old | 
  • +
  • 22lbs
  • +
+
+
+ + + +
+
+
+ big dog +
+
+ +
+ + diff --git a/Week-7/Checkpoint2/css/medium_layout.css b/Week-7/Checkpoint2/css/medium_layout.css new file mode 100644 index 0000000..7be6d40 --- /dev/null +++ b/Week-7/Checkpoint2/css/medium_layout.css @@ -0,0 +1,19 @@ +nav>a { + display: none; +} + +.menu-bars { + display: unset; +} + +.second-top { + flex-direction: column; +} + +.side-img { + order: -1; +} + +.footer-top { + flex-direction: column; +} diff --git a/Week-7/Checkpoint2/css/small_layout.css b/Week-7/Checkpoint2/css/small_layout.css new file mode 100644 index 0000000..8a8bfd4 --- /dev/null +++ b/Week-7/Checkpoint2/css/small_layout.css @@ -0,0 +1,42 @@ +.third-top { + flex-direction: column; +} + +.wines-bottle { + width: 100%; + margin-bottom: 40px; +} + +.wines-bottle > img { + display: block; + margin: auto; +} + +.main-medals { + flex-direction: column; +} + +.medal > img { + width: 90%; + height: 90%; + padding: 0; +} + +.footer-inputs { + display: flex; + flex-direction: column; + width: 100%; +} + +.footer-inputs > input { + margin: 0; + width: 89%; + align-self: center; +} + +.footer-inputs > button { + margin: 0; + margin-bottom: 20px; + width: 95%; + align-self: center; +} diff --git a/Week-7/Checkpoint2/css/styles.css b/Week-7/Checkpoint2/css/styles.css new file mode 100644 index 0000000..7c5237c --- /dev/null +++ b/Week-7/Checkpoint2/css/styles.css @@ -0,0 +1,271 @@ +body { + margin: 0; + padding: 0; +} +header { + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: space-between; + width: 100%; + border-bottom: 1px solid #ffffff; + align-items: center; + background-color: grey; + opacity: 0.8; +} + +.top-logo { + padding-left: 50px; + flex: 1; +} + +.top-logo > img { + height: 69.612px; + width: 290px; +} + +nav { + margin-right: 50px; + display: flex; + justify-content: space-between; + flex: 2; + align-items: baseline; +} + +a { + text-decoration: none; + color: #ffffff; +} + +.menu-bars { + color: #ffffff; + margin-right: 20px; + padding-left: 20px; + border-left: 1px solid #ffffff; + display: none; +} + +.fa-commenting { + position: fixed; + bottom: 50px; + right: 50px; + color: white; + background-color: black; + border-radius: 50%; + padding: 15px; +} + +.main-container { + display: flex; + flex-direction: column; +} + +.first { + background-image: url("../img/wine-bg1.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding-top: 10%; + padding-bottom: 10%; +} + +.first>img { + opacity: 0.7; +} + +.description-logo { + font-size: 25px; + color: #ffffff; + text-align: center; +} + +span { + font-size: 13px; + color: #ffffff; +} + +.second { + display: flex; + flex-direction: column; + background-image: url("../img/wine-bg2.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; + justify-content: center; +} + +.second-top { + display: flex; +} +.description-top2nd { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + padding-left: 10%; + padding-right: 10%; + background-color: #ffffff; +} + +.description-top2nd > img { + width: 178px; + height: 80px; +} + +.side-img { + width: 100%; +} + +h5, p { + font-size: 16px; +} + +h5 { + 24px; +} + +.second-bottom{ + color: #ffffff; + padding: 15% 0 15% 0; + width: 60%; + display: flex; + flex-direction: column; + text-align: center; + align-self: center; +} + +h3{ + font-size: 32px; + color: #ffffff; +} + +.third { + display: flex; + flex-direction: column; + background-image: url("../img/wine-bg3.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; +} + +.third-top { + display: flex; + justify-content: center; + background-color: #ffffff; + padding-bottom: 100px; +} + +.wines-bottle{ + width: 280px; + margin-right: 30px; + text-align: center; +} +.wines-bottle > img { + width: 210px; + height: 529px; + padding-bottom: 0; + margin-bottom: 0; + display: flex; + margin-left: 30px; +} + +.wines-bottle > hr { + margin-top: 0; + padding-top: 0; +} + +h4 { + font-size: 24px; +} + +.wines-bottle > a { + background-color: #91a05c; + color: #ffffff; + padding: 10px 25px 10px 25px; +} +.third-bottom { + display: flex; + align-items: center; + flex-direction: column; + padding: 10% 0 10% 0; +} + +.medal { + text-align: center; +} + +.medal > img { + width: 210px; + height: 210px; + padding: 2% 12% 0 12%; +} + +.main-medals { + display: flex; + color: #ffffff; +} + +footer { + display: flex; + flex-direction: column; +} + +.footer-top { + display: flex; +} + +.footer-top>img { + flex: 1; + width: 100%; + height: 640px; +} + +.side-description-footer { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + padding-left: 150px; + padding-right: 50px; +} +.side-description-footer>hr { + width: 100%; +} +.footer-bottom { + background-color: #333; + display: flex; + flex-direction: column; + align-items: center; + padding: 50px 0 100px 0; +} + +.footer-bottom>p{ + color: #ffffff; +} + +.social-icons { + color: grey; +} + +.footer-inputs > input{ + color: #ffffff; + background-color: #000000; + border: 1px solid #ffffff;; + width: 200px; + padding: 20px; + margin: 30px 10px 50px 0; + font-weight: bold; +} + +.footer-inputs >button{ + color: #ffffff; + background-color: #91a05c; + border: none; + width: 200px; + padding: 20px; + margin: 30px 10px 50px 0; + font-weight: bold; +} diff --git a/Week-7/Checkpoint2/html/index.html b/Week-7/Checkpoint2/html/index.html new file mode 100644 index 0000000..e4a55c0 --- /dev/null +++ b/Week-7/Checkpoint2/html/index.html @@ -0,0 +1,120 @@ + + + + + Checkpoint-2 + + + + + + +
+ + + +
+ +
+
+ Big F + + David Halladay - Respected Wino +
+
+
+
+
• EST. 1968 •
+

Combining over 100 years of hard work and shared family knowledge

+

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

+ signature +
+ powerwash +
+
+

“We've been producing fine wine for over 65 years, I think we know what we're talking about”

+

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

+
+
+
+
+
+ wine +
+

Foundry Shiraz

+
“Aged five years in solid, French Oak barrels sports notes of pepper and blackberry”
+ VISIT SHOP +
+
+ wine +
+

Foundry Chardonnay

+
“A rich fruit palet with subtle Oak influence and a lingering dry, fresh finish”
+ VISIT SHOP +
+
+ wine +
+

Foundry Cabernet

+
“Generous sweet blackcurrant and mulberry character with soft, velvety tannins”
+ VISIT SHOP +
+
+
+

Awards & Recognition

+
+
+ medal +

Best Mid-Tier Value Wine
Barossa Shiraz, 2009

+
+
+ medal +

Winemaker of the Year
Foundry Vineyard, 20014

+
+
+ medal +

Best Overall Value
Barossa Cabernet, 2010

+
+
+
+
+ +
+ + diff --git a/Week-7/Checkpoint2/img/f-logo.png b/Week-7/Checkpoint2/img/f-logo.png new file mode 100644 index 0000000..643c9e0 Binary files /dev/null and b/Week-7/Checkpoint2/img/f-logo.png differ diff --git a/Week-7/Checkpoint2/img/medal1.png b/Week-7/Checkpoint2/img/medal1.png new file mode 100644 index 0000000..24548fe Binary files /dev/null and b/Week-7/Checkpoint2/img/medal1.png differ diff --git a/Week-7/Checkpoint2/img/medal2.png b/Week-7/Checkpoint2/img/medal2.png new file mode 100644 index 0000000..63d81b0 Binary files /dev/null and b/Week-7/Checkpoint2/img/medal2.png differ diff --git a/Week-7/Checkpoint2/img/medal3.png b/Week-7/Checkpoint2/img/medal3.png new file mode 100644 index 0000000..06f9e12 Binary files /dev/null and b/Week-7/Checkpoint2/img/medal3.png differ diff --git a/Week-7/Checkpoint2/img/pour.jpg b/Week-7/Checkpoint2/img/pour.jpg new file mode 100644 index 0000000..3c83f40 Binary files /dev/null and b/Week-7/Checkpoint2/img/pour.jpg differ diff --git a/Week-7/Checkpoint2/img/wine16.jpg b/Week-7/Checkpoint2/img/powerwash.jpg similarity index 100% rename from Week-7/Checkpoint2/img/wine16.jpg rename to Week-7/Checkpoint2/img/powerwash.jpg diff --git a/Week-7/Checkpoint2/img/signature.png b/Week-7/Checkpoint2/img/signature.png new file mode 100644 index 0000000..a8a5ada Binary files /dev/null and b/Week-7/Checkpoint2/img/signature.png differ diff --git a/Week-7/Checkpoint2/img/top-logo.png b/Week-7/Checkpoint2/img/top-logo.png new file mode 100644 index 0000000..b16e0f0 Binary files /dev/null and b/Week-7/Checkpoint2/img/top-logo.png differ diff --git a/Week-7/Checkpoint2/img/wine-bg.jpg b/Week-7/Checkpoint2/img/wine-bg1.jpg similarity index 100% rename from Week-7/Checkpoint2/img/wine-bg.jpg rename to Week-7/Checkpoint2/img/wine-bg1.jpg diff --git a/Week-7/Checkpoint2/img/wine13.jpg b/Week-7/Checkpoint2/img/wine-bg2.jpg similarity index 100% rename from Week-7/Checkpoint2/img/wine13.jpg rename to Week-7/Checkpoint2/img/wine-bg2.jpg diff --git a/Week-7/Checkpoint2/img/wine-bg3.jpg b/Week-7/Checkpoint2/img/wine-bg3.jpg new file mode 100644 index 0000000..97dace1 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine-bg3.jpg differ diff --git a/Week-7/Checkpoint2/img/wine1.jpg b/Week-7/Checkpoint2/img/wine1.jpg new file mode 100644 index 0000000..dba1aaa Binary files /dev/null and b/Week-7/Checkpoint2/img/wine1.jpg differ diff --git a/Week-7/Checkpoint2/img/wine6.jpg b/Week-7/Checkpoint2/img/wine2.jpg similarity index 100% rename from Week-7/Checkpoint2/img/wine6.jpg rename to Week-7/Checkpoint2/img/wine2.jpg diff --git a/Week-7/Checkpoint2/img/wine3.jpg b/Week-7/Checkpoint2/img/wine3.jpg index dba1aaa..34a0ef3 100644 Binary files a/Week-7/Checkpoint2/img/wine3.jpg and b/Week-7/Checkpoint2/img/wine3.jpg differ diff --git a/Week-7/fizzbuzz/index.html b/Week-7/fizzbuzz/index.html index e69de29..20b3276 100644 --- a/Week-7/fizzbuzz/index.html +++ b/Week-7/fizzbuzz/index.html @@ -0,0 +1,11 @@ + + + + + FizzBuzz + + + + + + diff --git a/Week-7/fizzbuzz/js/script.js b/Week-7/fizzbuzz/js/script.js index e69de29..af76f21 100644 --- a/Week-7/fizzbuzz/js/script.js +++ b/Week-7/fizzbuzz/js/script.js @@ -0,0 +1,16 @@ +for (var i = 1; i <= 100; i++) { + if (i%5 === 0 && i%3 === 0) { + document.write("FizzBuzz"); + document.write("
"); + }else if (i%3 === 0) { + document.write("Fizz"); + document.write("
"); + }else if (i%5 === 0) { + document.write("Buzz"); + document.write("
"); + }else { + document.write(i); + document.write("
"); + } + +} diff --git a/Week-8/TableInsert/css/styles.css b/Week-8/TableInsert/css/styles.css new file mode 100644 index 0000000..d319315 --- /dev/null +++ b/Week-8/TableInsert/css/styles.css @@ -0,0 +1,25 @@ +table { + margin-left: 20px; +} + +table, tr, td, th { + border: 1px solid black; + padding: 5px; + background-color: white; +} + +table { + background-color: grey; +} + +.inputs { + display: flex; +} + +.inputlabels { + padding-left: 20px; +} + +#inputboxes{ + padding-left: 20px; +} diff --git a/Week-8/TableInsert/html/index.html b/Week-8/TableInsert/html/index.html new file mode 100644 index 0000000..d4340e0 --- /dev/null +++ b/Week-8/TableInsert/html/index.html @@ -0,0 +1,44 @@ + + + + + Table Insert week 8 + + + + + + + + + + + + + + + +
First NameLast NameEmailPhone Number
+
+
+
+ First Name:


+ Last Name:


+ Email:


+ Phone Number:


+ I Agree +
+
+

+

+

+

+

+

+

+


+ +
+
+ + diff --git a/Week-8/TableInsert/script/jquery.js b/Week-8/TableInsert/script/jquery.js new file mode 100644 index 0000000..26f8e5e --- /dev/null +++ b/Week-8/TableInsert/script/jquery.js @@ -0,0 +1,80 @@ +$(document).ready(function(){ + var $agree = $("input[name='agree']"); + $($agree).change(agreecheck); + + var $submit = $("button[name='submit']"); + $($submit).click(fnameval); + $($submit).click(lnameval); + $($submit).click(emailval); + $($submit).click(pnumberval); + $($submit).click(insert); +}); + +var fnameval = function(){ + var $fname = $("input[name='fname']"); + $('p').remove('#firsterror'); + if($fname.val().length > 0){ + $('p').remove('#firsterror'); + return true; + }else{ + $('#pfirst').append('

First name is required!

'); +} +}; + +var lnameval = function(){ +var $lname = $("input[name='lname']"); +$('p').remove('#lasterror'); +if($lname.val().length > 0){ + $('p').remove('#lasterror'); + return true; +}else{ +$('#plast').append('

Last name is required!

'); +} +}; + +var emailval = function(){ + var $email = $("input[name='email']"); + var $mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; + $('p').remove("#emailerror"); + if($email.val().length > 0 && $mailformat.test($email.val())){ + $('p').remove("#emailerror"); + return true; + }else{ + $('#pemail').append('

Correct email is required!

'); + $email.val(""); + } +}; + +var pnumberval = function(){ + var $pnumber = $("input[name='pnumber']"); + var $phoneformat = /\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})/; + $('p').remove('#phoneerror'); + if($pnumber.val().length > 0 && $phoneformat.test($pnumber.val())){ + $('p').remove('#phoneerror'); + return true; + }else { + $('#pphone').append('

Correct phone number is required!

'); + $pnumber.val(""); + } +}; + +var agreecheck = function(){ + var $agree = $("input[name='agree']"); + if($agree.prop("checked") === true){ + $("button").removeAttr('disabled'); + }else{ + $("button").attr('disabled', 'true'); + } +}; + +var insert = function(){ + var $fname = $("input[name='fname']").val(); + var $lname = $("input[name='lname']").val(); + var $email = $("input[name='email']").val(); + var $tel = $("input[name='pnumber']").val(); + var $row = ""+$fname+""+$lname+""+$email+""+$tel+""; + if(($fname.length > 0 && $lname.length > 0) && ($email.length > 0 && $tel.length > 0)){ + $("table").append($row); + $("#inputboxes")[0].reset(); + }; +}; diff --git a/Week-8/jQuery-project/css/medium_layout.css b/Week-8/jQuery-project/css/medium_layout.css new file mode 100644 index 0000000..5ea113d --- /dev/null +++ b/Week-8/jQuery-project/css/medium_layout.css @@ -0,0 +1,27 @@ + .menu-anc{ + display: none; +} + +.menu-bars { + display: unset; + position: absolute; + right: 20px; + top: 10px; +} + +.second-top { + flex-direction: column; +} + +.side-img { + order: -1; +} + +.footer-top { + flex-direction: column; +} + +nav { + padding-right: 60px; + padding-bottom: 50px; +} diff --git a/Week-8/jQuery-project/css/small_layout.css b/Week-8/jQuery-project/css/small_layout.css new file mode 100644 index 0000000..59b04d7 --- /dev/null +++ b/Week-8/jQuery-project/css/small_layout.css @@ -0,0 +1,82 @@ +.menu-anc{ + display: none; +} + +.top-logo>img{ + background-color: grey; + border-radius: 10px; +} + +nav { + flex-direction: column; + align-items: center; + background-color: black; + z-index: 2; + margin: 0; +} + +nav > a{ + padding: 5px; +} + +header { + background-color: black; + opacity: .8; +} + +.dropdown{ + + width: 300px; + text-align: center; +} + +.third-top { + flex-direction: column; +} + +.wines-bottle { + width: 100%; + margin-bottom: 40px; +} + +.wines-bottle > img { + display: block; + margin: auto; +} + +.main-medals { + flex-direction: column; +} + +.medal > img { + width: 90%; + height: 90%; + padding: 0; +} + +.footer-inputs { + display: flex; + flex-direction: column; + width: 100%; +} + +.footer-inputs > input { + margin: 0; + width: 89%; + align-self: center; +} + +.footer-inputs > button { + margin: 0; + margin-bottom: 20px; + width: 95%; + align-self: center; +} + +.dropdown { + position: relative; +} + +.search-bag{ + position: relative; +} diff --git a/Week-8/jQuery-project/css/styles.css b/Week-8/jQuery-project/css/styles.css new file mode 100644 index 0000000..7b38985 --- /dev/null +++ b/Week-8/jQuery-project/css/styles.css @@ -0,0 +1,352 @@ +body{ + min-width: 480px; +} + +nav>a { + position: relative; +} + +.fback { + display: none; +} + +.dropdown { + list-style: none; + position: absolute; + color: #ffffff; + background-color: #292929; + width: 100px; + padding: 20px; + z-index: -3; + line-height: 35px; +} + +.search-bag{ + list-style: none; + position: absolute; + color: #ffffff; + background-color: #292929; + width: 100px; + padding: 20px; + z-index: -3; + line-height: 35px; +} + +.dropdown>li { + border-bottom: 1px solid #ffffff; +} + +#input { + width: 200px; + padding: 5px; +} + +#shoptable { + font-size: 16px; + padding: 5px; + width: 200px; + position: absolute; + right: -100px; + top: 54px; + text-align: center; +} + +body { + margin: 0; + padding: 0; +} + +header { + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: space-between; + width: 100%; + border-bottom: 1px solid #ffffff; + align-items: center; + background-color: grey; + opacity: 0.8; + z-index: 5; +} + +.top-logo { + padding-left: 50px; + flex: 1; +} + +.top-logo>img { + height: 69.612px; + width: 290px; +} + +nav { + margin-right: 50px; + display: flex; + justify-content: space-between; + flex: 2; + align-items: baseline; +} + +a { + text-decoration: none; + color: #ffffff; +} + +.menu-bars { + color: #ffffff; + margin-right: 20px; + padding-left: 20px; + border-left: 1px solid #ffffff; + display: none; +} + +.comments { + background-color: #ffffff; + position: fixed; + bottom: 130px; + right: 60px; + padding: 10px; + border-radius: 10px; +} + +.commbuttons{ + display: flex; + justify-content: space-between; + width: 100%; + margin-top: 10px; +} + +.comments { + display: none; +} + +.fa-commenting { + position: fixed; + bottom: 50px; + right: 50px; + color: #ffffff; + background-color: #000000; + border-radius: 50%; + padding: 15px; +} + +.main-container { + display: flex; + flex-direction: column; +} + +.first { + background-image: url("../img/wine-bg1.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding-top: 10%; + padding-bottom: 10%; +} + +.first>img { + opacity: 0.7; +} + +.description-logo { + font-size: 25px; + color: #ffffff; + text-align: center; +} + +span { + font-size: 13px; + color: #ffffff; +} + +.second { + display: flex; + flex-direction: column; + background-image: url("../img/wine-bg2.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; + justify-content: center; +} + +.second-top { + display: flex; +} + +.description-top2nd { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + padding-left: 10%; + padding-right: 10%; + background-color: #ffffff; +} + +.description-top2nd>img { + width: 178px; + height: 80px; +} + +.side-img { + width: 100%; +} + +h5, p { + font-size: 16px; +} + +h5 { + 24px; +} + +.second-bottom { + color: #ffffff; + padding: 15% 0 15% 0; + width: 60%; + display: flex; + flex-direction: column; + text-align: center; + align-self: center; +} + +h3 { + font-size: 32px; + color: #ffffff; +} + +.third { + display: flex; + flex-direction: column; + background-image: url("../img/wine-bg3.jpg"); + background-repeat: no-repeat; + background-size: 100% 100%; +} + +.third-top { + display: flex; + justify-content: center; + background-color: #ffffff; + padding-bottom: 100px; +} + +.wines-bottle { + width: 280px; + margin-right: 30px; + text-align: center; +} + +.wines-bottle>img { + width: 210px; + height: 529px; + padding-bottom: 0; + margin-bottom: 0; + display: flex; + margin-left: 30px; +} + +.wines-bottle>hr { + margin-top: 0; + padding-top: 0; +} + +h4 { + font-size: 24px; +} + +.wines-bottle>a { + background-color: #91a05c; + color: #ffffff; + padding: 10px 25px 10px 25px; +} + +.third-bottom { + display: flex; + align-items: center; + flex-direction: column; + padding: 10% 0 10% 0; +} + +.medal { + text-align: center; +} + +.medal>img { + width: 210px; + height: 210px; + padding: 2% 12% 0 12%; +} + +.main-medals { + display: flex; + color: #ffffff; +} + +footer { + display: flex; + flex-direction: column; +} + +.footer-top { + display: flex; +} + +.footer-top>img { + flex: 1; + width: 100%; + height: 640px; +} + +.side-description-footer { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; + padding-left: 150px; + padding-right: 50px; +} + +.side-description-footer>hr { + width: 100%; +} + +.footer-bottom { + background-color: #333; + display: flex; + flex-direction: column; + align-items: center; + padding: 50px 0 100px 0; +} + +.footer-bottom>p { + color: #ffffff; +} + +.social-icons { + color: grey; +} + +.footer-inputs>input { + color: #ffffff; + background-color: #000000; + border: 1px solid #ffffff; + ; + width: 200px; + padding: 20px; + margin: 30px 10px 50px 0; + font-weight: bold; +} + +.footer-inputs>button { + color: #ffffff; + background-color: #91a05c; + border: none; + width: 200px; + padding: 20px; + margin: 30px 10px 50px 0; + font-weight: bold; +} diff --git a/Week-8/jQuery-project/html/index.html b/Week-8/jQuery-project/html/index.html new file mode 100644 index 0000000..2ea8e36 --- /dev/null +++ b/Week-8/jQuery-project/html/index.html @@ -0,0 +1,216 @@ + + + + + + JQuery + + + + + + + + + + + + + +
+ + + +
+
+ Leave us your comments! +
+
+ +
+
+ + + +
+ +
+ +
+
+ Big F + + David Halladay - Respected Wino +
+
+
+
+
• EST. 1968 •
+

Combining over 100 years of hard work and shared family knowledge

+

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

+ signature +
+ powerwash +
+
+

“We've been producing fine wine for over 65 years, I think we know what we're talking + about”

+

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

+
+
+
+
+
+ wine +
+

Foundry Shiraz

+
“Aged five years in solid, French Oak barrels sports notes of pepper and blackberry”
+ PURCHASE +
+
+ wine +
+

Foundry Chardonnay

+
“A rich fruit palet with subtle Oak influence and a lingering dry, fresh finish”
+ PURCHASE +
+
+ wine +
+

Foundry Cabernet

+
“Generous sweet blackcurrant and mulberry character with soft, velvety tannins”
+ PURCHASE +
+
+
+

Awards & Recognition

+
+
+ medal +

Best Mid-Tier Value Wine
Barossa Shiraz, 2009

+
+
+ medal +

Winemaker of the Year
Foundry Vineyard, 20014

+
+
+ medal +

Best Overall Value
Barossa Cabernet, 2010

+
+
+
+
+ +
+ + + diff --git a/Week-8/jQuery-project/img/f-logo.png b/Week-8/jQuery-project/img/f-logo.png new file mode 100644 index 0000000..643c9e0 Binary files /dev/null and b/Week-8/jQuery-project/img/f-logo.png differ diff --git a/Week-8/jQuery-project/img/medal1.png b/Week-8/jQuery-project/img/medal1.png new file mode 100644 index 0000000..24548fe Binary files /dev/null and b/Week-8/jQuery-project/img/medal1.png differ diff --git a/Week-8/jQuery-project/img/medal2.png b/Week-8/jQuery-project/img/medal2.png new file mode 100644 index 0000000..63d81b0 Binary files /dev/null and b/Week-8/jQuery-project/img/medal2.png differ diff --git a/Week-8/jQuery-project/img/medal3.png b/Week-8/jQuery-project/img/medal3.png new file mode 100644 index 0000000..06f9e12 Binary files /dev/null and b/Week-8/jQuery-project/img/medal3.png differ diff --git a/Week-8/jQuery-project/img/pour.jpg b/Week-8/jQuery-project/img/pour.jpg new file mode 100644 index 0000000..3c83f40 Binary files /dev/null and b/Week-8/jQuery-project/img/pour.jpg differ diff --git a/Week-8/jQuery-project/img/powerwash.jpg b/Week-8/jQuery-project/img/powerwash.jpg new file mode 100644 index 0000000..5d331e4 Binary files /dev/null and b/Week-8/jQuery-project/img/powerwash.jpg differ diff --git a/Week-8/jQuery-project/img/signature.png b/Week-8/jQuery-project/img/signature.png new file mode 100644 index 0000000..a8a5ada Binary files /dev/null and b/Week-8/jQuery-project/img/signature.png differ diff --git a/Week-8/jQuery-project/img/top-logo.png b/Week-8/jQuery-project/img/top-logo.png new file mode 100644 index 0000000..b16e0f0 Binary files /dev/null and b/Week-8/jQuery-project/img/top-logo.png differ diff --git a/Week-8/jQuery-project/img/wine-bg1.jpg b/Week-8/jQuery-project/img/wine-bg1.jpg new file mode 100644 index 0000000..1b50393 Binary files /dev/null and b/Week-8/jQuery-project/img/wine-bg1.jpg differ diff --git a/Week-8/jQuery-project/img/wine-bg2.jpg b/Week-8/jQuery-project/img/wine-bg2.jpg new file mode 100644 index 0000000..b8e5aea Binary files /dev/null and b/Week-8/jQuery-project/img/wine-bg2.jpg differ diff --git a/Week-8/jQuery-project/img/wine-bg3.jpg b/Week-8/jQuery-project/img/wine-bg3.jpg new file mode 100644 index 0000000..97dace1 Binary files /dev/null and b/Week-8/jQuery-project/img/wine-bg3.jpg differ diff --git a/Week-8/jQuery-project/img/wine1.jpg b/Week-8/jQuery-project/img/wine1.jpg new file mode 100644 index 0000000..dba1aaa Binary files /dev/null and b/Week-8/jQuery-project/img/wine1.jpg differ diff --git a/Week-8/jQuery-project/img/wine2.jpg b/Week-8/jQuery-project/img/wine2.jpg new file mode 100644 index 0000000..3d0c612 Binary files /dev/null and b/Week-8/jQuery-project/img/wine2.jpg differ diff --git a/Week-7/Checkpoint2/img/wine7.jpg b/Week-8/jQuery-project/img/wine3.jpg similarity index 100% rename from Week-7/Checkpoint2/img/wine7.jpg rename to Week-8/jQuery-project/img/wine3.jpg diff --git a/Week-8/jQuery-project/index.html b/Week-8/jQuery-project/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/Week-8/jQuery-project/script/jquery.js b/Week-8/jQuery-project/script/jquery.js new file mode 100644 index 0000000..fdac9f2 --- /dev/null +++ b/Week-8/jQuery-project/script/jquery.js @@ -0,0 +1,84 @@ +$(document).ready(function() { + + $('nav a').hover( + function () { + $('ul', this).stop().slideDown(100); + }, + function () { + $('ul', this).stop().slideUp(100); + } +); + +$('.searchbox').click(function(){ + $("input").toggleClass("fback"); +}); + +$('.tglclass').click(function(){ + $("table").toggleClass("fback"); +}); + var $purchaseshiraz = "Foundry Shiraz $50"; + $('#shiraz').click(function() { + $('#shoptable').append($purchaseshiraz); + }); + + var $purchasechard = "Foundry Chardonnay $60"; + $('#chard').click(function() { + $('#shoptable').append($purchasechard); + }); + + var $purchasecab = "Foundry Cabernet $80"; + $('#cab').click(function() { + $('#shoptable').append($purchasecab); + }); + + $('#signingup').click(function() { + var $email = $('input[name="email"]').val(); + var $mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; + $('div').remove(".emailerror"); + if ($email.length > 0 && $mailformat.test($email)) { + alert("Welcome to our site " + $email); + $('input[name="email"]').val(""); + } else { + $('#emailerror').append('
Valid email is required!
'); + $('input[name="email"]').val(""); + } + }); + + $('#commenticon').click(function() { + $('.comments').show(); + }); + + $('#exit').click(function() { + $('.comments').hide(); + }); + + $('#post').click(function() { + var $usercomm = $('#comm').val(); + var $actualcomm = "" + $usercomm + "
"; + if ($usercomm.length > 0) { + $('#postcomments').append($actualcomm); + $('#comm').val(""); + } + }); + + $('#clear').click(function(){ + $('b').remove("#actualcomm"); + }); + + $('#comm').keypress(function(e) { + var key = e.which; + if (key === 13) { + $('#post').click(); + }; + }); + + $('.fa-bars').click(function(){ + $('.top-logo').toggleClass('fback'); + $('nav>a').toggleClass('menu-anc'); + }); + + // $('.').click(function() { + // $("#accordion" ).accordion(); + // } ); + +}); diff --git a/Week-9/Final-Project/Dallas.mp4 b/Week-9/Final-Project/Dallas.mp4 new file mode 100644 index 0000000..85018c9 Binary files /dev/null and b/Week-9/Final-Project/Dallas.mp4 differ diff --git a/Week-9/Final-Project/css/style.css b/Week-9/Final-Project/css/style.css new file mode 100644 index 0000000..20dce13 --- /dev/null +++ b/Week-9/Final-Project/css/style.css @@ -0,0 +1,34 @@ +.carousel-inner > .item > img, + .carousel-inner > .item > a > img { + width: 70%; + margin: auto; + } + .map-section { + display: flex; + } + + .form-div { + flex: 1; + text-align: center; + align-self: center; + } + + .map { + flex: 1; + text-align: center; + } + + #map { + height: 400px; + width: 100%; + } + + .video { + display: flex; + text-align: center; + } + + .video>p { + padding: 50px 50px 0 100px; + font-weight: bold; + } diff --git a/Week-9/Final-Project/index.html b/Week-9/Final-Project/index.html index e69de29..1dcdf25 100644 --- a/Week-9/Final-Project/index.html +++ b/Week-9/Final-Project/index.html @@ -0,0 +1,119 @@ + + + + + + + + + + + + + +
+ + +
+ + +
+ +

Dallas, Texas, is located along the Trinity River. The famous landmark of "The Big D", as Dallas is often called, is the Reunion Tower. The region's cattle herding history is captured in the Heritage Village and on central Pioneer Plaza. Another + must-see is The Sixth Floor Museum at Dealey Plaza, which documents the assassination of John F. Kennedy in 1963. In the Arts District, the Dallas Museum of Art and the Nasher Sculpture Center are popular with visitors. The Dallas Zoo is great + for children and the Dallas World Aquarium also has a jungle walk with monkeys. Families will also love the interactive displays in the Perot Museum Of Nature And Science or the Six Flags Over Texas theme park in Arlington. Many visitors head + out to Southfork Ranch, the mansion out of the famous soap opera Dallas. Don't leave Dallas without tasting a Texas BBQ in Uptown, the nightlife district.

+ + +
+ +
+
+

Map to DALLAS

+
+ + +
+
+

+
+ Name:
+ +
Email: +
+ +

+ +
+
+
+ + diff --git a/Week-9/Final-Project/js/script.js b/Week-9/Final-Project/js/script.js new file mode 100644 index 0000000..97e96b5 --- /dev/null +++ b/Week-9/Final-Project/js/script.js @@ -0,0 +1,12 @@ +$(document).ready(function() { + + + $("button").click(function() { + + var $name = $("input[name='name']").val(); + var $email = $("input[name='email']").val(); + var $row = "

Hello " + $name + ". We will send you Dallas updates to " + $email + "

"; + $("p").append($row); + + }); +});