diff --git a/Week-1/bio/css/main.css b/Week-1/bio/css/main.css new file mode 100644 index 0000000..3db1eb9 --- /dev/null +++ b/Week-1/bio/css/main.css @@ -0,0 +1,53 @@ +* { + +background-color: #F5F5F5; +} + +html { + max-width: 750px; + padding-left: 375px; +} + +header { + padding-bottom: 5%; +} + +h1 { + font-size: 48px; +} + +h4 { + font-size: 25px; +} + +h2 { + font-size: 30px; +} + +p { + text-align: justify; + font-size: 18px; +} + +#push { + padding-bottom: 15%; +} + +#photo { + float: left; + width: 25%; + padding: 2% 2% 2% 1%; +} + +#title { + float: left; + width: 53%; + text-align: center; + padding-right: 15%; + padding-left: 2%; + +} + +section { + padding-top: 5%; +} diff --git a/Week-1/bio/index.html b/Week-1/bio/index.html index e69de29..405bea2 100644 --- a/Week-1/bio/index.html +++ b/Week-1/bio/index.html @@ -0,0 +1,52 @@ + + + + An Unlikely Biography + + + +
+
+ photo of Brian Grimsley +
+
+

Brian Grimsley

+

An Unlikely Biography

+
+ +
+
+
+

Early Life

+

On the sweltering evening of August 1, in the year of our Lord 1975, + I was born to little fan-fair, in the small town of Ada, OK. From there, I lead a somewhat normal + life in rural Oklahoma. While growing up, I attended the Atoka school system. It was a very simple + life.

+

Upon graduating high school, I attended several colleges, due to my unhealthy addiction to + education. An addiction that has cost more than it is worth. Along with that addiction, I discovered + that I had developed an attraction to taking extreme risks. It was then that I became convinced that I + was not long for this world.

+
+
+

Middle Life

+

With the idea of having a short life-span being an ever-present thought, I decided that + I should cram every experience I ever wanted into my life, as quickly as possible. I was a + bartender, a CIO and Administrator of a healthcare corporation, a musician, and eventually a husband and father. + Note to the reader: Don't wait until your 40's to have kids. Trust me on this.

+

Living past 25, 30, 35, 40, and beyond, I have become convinced of some new ideas. One, I'm lucky to have + survived the musician years. Two, I should be more careful, I've got a kid to look after, now. And three, + it's never too late to grow up. +

+
+

Later Life

+

Can't tell you, yet. I'm still waiting to see how it turns out.

+
+ +
+
+
+ + + + diff --git a/Week-1/resume/index.html b/Week-1/resume/index.html index e69de29..6f49b75 100644 --- a/Week-1/resume/index.html +++ b/Week-1/resume/index.html @@ -0,0 +1,78 @@ + + + + + Brian Grimsley + + + + + +
+
+ Photo of Brian Grimsley +
+ +
+

Brian Grimsley

+

7601 Naples Lane
+ Frisco, TX 75035
+ + brian.grimsley@outlook.com
+ (580)889-0660

+
+
+ + +
+
+

Skills and Abilities

+ +
+
+

Experience

+

Compliancy Analyst - Atmos Energy (2016 to Present)

+

Responsible for administration of compliance applications and databases. Utilized information stored in compliance databases to build reports and forecasts. Administered the company's operator qualification program.

+ +

Information Systems Manager - Courtroom Sciences (2013 to 2015)

+

Managed Courtroom Sciences' datacenter. Supervised desktop technicians and system administrators. Responsible for the purchase of all technology, based on the alotted yearly budget.

+ +

Database Admin - Hunter Douglas / Timber Blinds (2007 to 2013)

+

Created an Informix base inventory tracking database. Managed the company's Linux and Informix servers. Responsible for the company's Active Directory.

+
+ +
+

Education

+

DeVry University - 2011

+

B.S. Computer Science

+ +

Southeastern Oklahoma State University - 2002

+

B.A. English - Writing Emphasis

+ +

Oklahoma State University - 1998

+

Pre-Med Chemistry/Biology double major program completed. Graduation never applied for.

+ +
+
+ + + + + diff --git a/Week-1/resume/main.css b/Week-1/resume/main.css new file mode 100644 index 0000000..9dfcefb --- /dev/null +++ b/Week-1/resume/main.css @@ -0,0 +1,76 @@ +* { + background-color: #F2F2FF; + font-family: "times new roman"; +} + +.menu { + display: inline; + width: 87%; + padding-left: 12%; + font-size: 20px; + font-weight: bold; +} + +aside { + float: left; + background-color: #00bfff; + width: 5%; + height: 1000px; + border-radius: 10px; +} + +footer { + text-align: center; + padding-top: 5%; +} + +.main { + float: left; + width: 80%; + padding-left: 5%; +} + +#photo { + padding-left: 5%; + padding-top: 2%; + padding-right: 2%; + width: auto; + float: left; +} + +#contact { + text-align: left; + padding: 2% 0; + width: 73%; +} + +#skills { + padding-top: 2%; +} + +#exp { + padding-top: 2%; +} + +.job { + font-weight: bold; + padding-top: 1%; +} + +#edu { + padding-top: 2%; + padding-bottom: 5%; +} + +.univ { + font-weight: bold; + padding-top: 1%; +} + +#website { + font-size: 20px; +} + +h1 { + font-size: 45px; +} diff --git a/Week-2/Lists/index.html b/Week-2/Lists/index.html index e69de29..b33d730 100644 --- a/Week-2/Lists/index.html +++ b/Week-2/Lists/index.html @@ -0,0 +1,21 @@ + + + + 5 Things I Want to Learn in This Class + + + + +
+

5 Things I Want to Learn in This Class

+
+
    +
  1. How to construct a nice looking page
    2. +
  2. The basics of website interactivity
    3. +
  3. How to plan my own project
    4. +
  4. The secrets that make design faster/easier
    5. +
  5. How to be effective enough to make a living as a designer
    6. +
+
+ + diff --git a/Week-2/Lists/main.css b/Week-2/Lists/main.css new file mode 100644 index 0000000..89fa470 --- /dev/null +++ b/Week-2/Lists/main.css @@ -0,0 +1,17 @@ +body { + float: left; + padding-top: 5%; + padding-left: 10%; +} + +ol { + list-style: upper-roman; + text-align: left; + font-family: sans-serif; + margin: 0; + padding: 0; +} + +h1 { + font-family: sans-serif; +} diff --git a/Week-2/Write-a-Blog-Post/css/main.css b/Week-2/Write-a-Blog-Post/css/main.css new file mode 100644 index 0000000..5abe34a --- /dev/null +++ b/Week-2/Write-a-Blog-Post/css/main.css @@ -0,0 +1,62 @@ + + +body { +background-color: lightblue; +width: 90%; + +} + +header { + padding-bottom: 5%; + padding-left: auto; + padding-right: auto; +text-align: center; +} + +aside { +position: relative; +float: right; +width: 10%; +height: 1630px; +background-color: white; + +} + + +article { + margin-left: + width: 70%; + margin-left: 3%; + padding-right: 3%; +} + +h1 { +font-size: 60px; + +} + +img { + display:inline-block; + width: 20%; + height: auto; + padding-top: 3%; + +} + +p { + text-align: left; + font-size: 17px; + padding-bottom: 1%; +} + +.content { + display:inline-block; + width: 40%; + padding-left: 8px; +} + +h6 { + +font-size: 16px; +clear: right; +} diff --git a/Week-2/Write-a-Blog-Post/images/altoona.jpg b/Week-2/Write-a-Blog-Post/images/altoona.jpg new file mode 100644 index 0000000..4fb89ec Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/altoona.jpg differ diff --git a/Week-2/Write-a-Blog-Post/images/gallup.png b/Week-2/Write-a-Blog-Post/images/gallup.png new file mode 100644 index 0000000..95ff5f4 Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/gallup.png differ diff --git a/Week-2/Write-a-Blog-Post/images/topeka.jpg b/Week-2/Write-a-Blog-Post/images/topeka.jpg new file mode 100644 index 0000000..1beec8a Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/topeka.jpg differ diff --git a/Week-2/Write-a-Blog-Post/index.html b/Week-2/Write-a-Blog-Post/index.html index e69de29..220a10c 100644 --- a/Week-2/Write-a-Blog-Post/index.html +++ b/Week-2/Write-a-Blog-Post/index.html @@ -0,0 +1,52 @@ + + + + + Blog + + + + + + +
+

This Blog is Only a Tribute...

+
+
+
+ +
+
+
+ Altoona, PA +
+

Next Stop, Altoona!

+

Sept 12, 2016 11:42:17 AM -- With Topeka in the books, we're rolling into Altoona. The downbeat will be prompty at 8:00 PM at the Altoona War Memorial Colloseum. No set list tonight folks. It's all improv, tonight. A few tickets are left, so if you're in the area...

+
+
+
+
+ Topeka, KS +
+

Hello, Topeka!

+

Sept 9, 2016 03:22:04 PM -- We're running a bit behind, but we'll be pulling into the Topeka Civic Center just in time for sound check. SOLD OUT! Thank you so much, Topeka. We always have a great time here and can't wait to see everyone at the show. Don't forget to...

+
+
+
+
+ Gallup, NM +
+

Sun and Fun in Gallup, NM!

+

Sept 7, 2016 12:07:43 PM -- Just grabed a bite to eat at Bashas Market, and we're headed over to Gallup Field to make final preparations for tonight's show. On a disappointing note, due to a family emergency, Jack Forst is not with us for this one. Our thoughts are with + Jack and his family, and we hope to have him back for the Topeka...

+
+
+
+
+ + + + diff --git a/Week-2/blog/Mir_dog.html b/Week-2/blog/Mir_dog.html new file mode 100644 index 0000000..3b64d49 --- /dev/null +++ b/Week-2/blog/Mir_dog.html @@ -0,0 +1,30 @@ + + + + + ACA Pets + + + + + +
+

Pets of ACA

+

Welcome to our site!

+
+ +
+ +
+

Miriam's Dog

+ +

Dolly is a Malti-poo, she had her second litter October 2016. She is fully recovered and enjoys taking long walks.

+ +
+
+ + + + diff --git a/Week-2/blog/No_dog.html b/Week-2/blog/No_dog.html new file mode 100644 index 0000000..31cdc08 --- /dev/null +++ b/Week-2/blog/No_dog.html @@ -0,0 +1,29 @@ + + + + + ACA Pets + + + + + +
+

Pets of ACA

+

Welcome to our site!

+
+ +
+ +
+ +

Brian's Invisible Dog

+

My special dog is invisible.....and I never have to feed him.

+
+
+ + + + diff --git a/Week-2/blog/Rub_dog.html b/Week-2/blog/Rub_dog.html new file mode 100644 index 0000000..8e487fc --- /dev/null +++ b/Week-2/blog/Rub_dog.html @@ -0,0 +1,30 @@ + + + + + ACA Pets + + + + + +
+

Pets of ACA

+

Welcome to our site!

+
+ +
+
+

Ruben's Dog

+ +

Bane is 4 years old and loves smelling other dogs butts

+

+ + +
+ + + + diff --git a/Week-2/blog/css/main.css b/Week-2/blog/css/main.css new file mode 100644 index 0000000..0ecd0e0 --- /dev/null +++ b/Week-2/blog/css/main.css @@ -0,0 +1,16 @@ +* { + background-color: LightBlue; +} + +h1 { + font-size: 60px; +} + +header { + text-align: center; +} + +div { + float: left; + padding-left: 8%; +} diff --git a/Week-2/blog/index.html b/Week-2/blog/index.html new file mode 100644 index 0000000..dd9e0f9 --- /dev/null +++ b/Week-2/blog/index.html @@ -0,0 +1,32 @@ + + + + + ACA Pets + + + + + +
+

Pets of ACA

+

Welcome to our site!

+
+ +
+ + +
+ No Dog +
+
+ + + + diff --git a/Week-2/gallery/css/main.css b/Week-2/gallery/css/main.css new file mode 100644 index 0000000..199ac7b --- /dev/null +++ b/Week-2/gallery/css/main.css @@ -0,0 +1,58 @@ +body { + background-color: #FFFFFF; +} + +header { + background-color: #ABFFF6; + background-image: url("../images/Sports.jpg"); + background-size: 305px 150px; + background-repeat: no-repeat; + +} + +h1 { + font-family: Helvetica, sans-serif; + font-size: 45px; + text-align: center; +} + +h2 { + font-family: Helvetica, sans-serif; + font-size: 30px; + text-align: center; +} + +nav { + position:relative; + float:left; + width: 10%; +height: 1000px; +padding-right: 5%; +} + +.item { + position: relative; + float:left; + margin: 1.5% 1.5%; + width: 20%; + text-align: center; +} + +img { + text-align: center; +} + +p { + font-family: Helvetica, sans-serif; + text-align: center; + font-weight: bold; + +} + + + + +li { + padding-top: 30px; + +} diff --git a/Week-2/gallery/images/Baseball.jpg b/Week-2/gallery/images/Baseball.jpg new file mode 100644 index 0000000..34f7222 Binary files /dev/null and b/Week-2/gallery/images/Baseball.jpg differ diff --git a/Week-2/gallery/images/Sports.jpg b/Week-2/gallery/images/Sports.jpg new file mode 100644 index 0000000..944f530 Binary files /dev/null and b/Week-2/gallery/images/Sports.jpg differ diff --git a/Week-2/gallery/images/basketball.png b/Week-2/gallery/images/basketball.png new file mode 100644 index 0000000..ecfbd57 Binary files /dev/null and b/Week-2/gallery/images/basketball.png differ diff --git a/Week-2/gallery/images/cricket.jpg b/Week-2/gallery/images/cricket.jpg new file mode 100644 index 0000000..db018d6 Binary files /dev/null and b/Week-2/gallery/images/cricket.jpg differ diff --git a/Week-2/gallery/images/football.jpg b/Week-2/gallery/images/football.jpg new file mode 100644 index 0000000..65eee5f Binary files /dev/null and b/Week-2/gallery/images/football.jpg differ diff --git a/Week-2/gallery/images/formula1.JPG b/Week-2/gallery/images/formula1.JPG new file mode 100644 index 0000000..0015d68 Binary files /dev/null and b/Week-2/gallery/images/formula1.JPG differ diff --git a/Week-2/gallery/images/golf.jpg b/Week-2/gallery/images/golf.jpg new file mode 100644 index 0000000..2bb13c0 Binary files /dev/null and b/Week-2/gallery/images/golf.jpg differ diff --git a/Week-2/gallery/images/puck.jpeg b/Week-2/gallery/images/puck.jpeg new file mode 100644 index 0000000..cab2456 Binary files /dev/null and b/Week-2/gallery/images/puck.jpeg differ diff --git a/Week-2/gallery/images/soccer.jpg b/Week-2/gallery/images/soccer.jpg new file mode 100644 index 0000000..60ef644 Binary files /dev/null and b/Week-2/gallery/images/soccer.jpg differ diff --git a/Week-2/gallery/images/track.jpg b/Week-2/gallery/images/track.jpg new file mode 100644 index 0000000..5a57f5b Binary files /dev/null and b/Week-2/gallery/images/track.jpg differ diff --git a/Week-2/gallery/index.html b/Week-2/gallery/index.html new file mode 100644 index 0000000..936034e --- /dev/null +++ b/Week-2/gallery/index.html @@ -0,0 +1,89 @@ + + + + + Sports, Sports, Sports... + + + + + +
+

Sports, Sports, Sports...

+

Gallery

+
+ +
+
+
+ baseball +
+

Baseball

+
+
+
+ football +
+

football

+
+
+
+ basketball +
+

Basketball

+
+
+
+ track and field +
+

Track and Field

+
+
+
+ soccer +
+

Soccer

+
+
+
+ hockey puck +
+

Hockey

+
+
+
+ cricket bat, ball, and wicket +
+

Cricket

+
+
+
+ Formula 1 car +
+

Formula 1

+
+
+
+ Golf club and ball +
+

Golf

+
+
+
+ +
+ + + diff --git a/Week-3/Team-Project-3/css/main.css b/Week-3/Team-Project-3/css/main.css new file mode 100644 index 0000000..992d2a1 --- /dev/null +++ b/Week-3/Team-Project-3/css/main.css @@ -0,0 +1,180 @@ +body{ + + background-image:url("../images/airline.jpg"); + background-repeat: no-repeat; + background-size: cover; + width: 100%; +} +header { + width: 100%; + border-bottom: 1px solid #97A2B4; + color: #FFFFFF; + font-family: Arial, sans-serif; + margin-right: 1%; + overflow: hidden; + background-color: #123754; + +} +.logo { + float: left; +width: 50%; + +} + + +.nav { + width: 50%; + float: left; + background-color: #123754; + text-align: center; + + padding-left: 800px; + color: #97A2B4; + +} + +.total { +background-color: #003D4A; + width: 25%; + margin-top: 5%; + margin-left: 13%; + +} + +.tuff { + padding-right: 25px; +} + +.home { + float: left; +} + +.deals{ + float: left; +} + +.schedule { + float: left; +} +.register { + + float: left; +} + +.entry { + background-color: #123754; + height: 380px; + +} +.depart { + border: 2px solid white; + width: 40%; + height: 10%; + margin-top: 30px; + margin-left: 5%; + font-size: 16px; + float: left; +} + +.arrival { + border: 2px solid white; + width: 40%; + height: 10%; + margin-top: 30px; + margin-left: 5%; + font-size: 16px; + float: left; + clear: right; +} + +.start { + border: 2px solid white; + width: 40%; + height: 10%; + margin-top: 30px; + margin-left: 5%; + font-size: 16px; + float: left; +} + +.return { + border: 2px solid white; + width: 40%; + height: 10%; + margin-top: 30px; + margin-left: 5%; + font-size: 16px; + float: left; + clear: right; +} + +.passengers { + border: 2px solid #123754; + width: 30%; + height: 10%; + margin-top: 30px; + margin-left: 5%; + font-size: 16px; + padding-top: 2%; + float: left; + color: white; +} + +.drop { + border: 2px solid white; + width: 10%; + height: 10%; + margin-top: 30px; + + font-size: 16px; + float: left; +} + +.type { + color: white; + width: 40%; + height: 10%; + margin-top: 30px; + padding-top: 2%; + padding-left: 2%; + font-size: 16px; + float: left; + clear: right; +} + +.search { + background-color: #0063B7; + width: 80%; + height: 10%; + margin-top: 20px; + margin-left: 10%; + font-size: 16px; + color: white; + font-weight: bold; + text-align: center; + padding-top: 7%; + float: left; +} + +.airplane { + float: left; + width: 33%; + background-color: #0063B7; + text-align: center; + +} + +.bed { + float: left; + width: 33%; + background-color: #018D80; + text-align: center; +} + +.car { + float: left; + width: 33%; + background-color: #018D80; + text-align: center; + +} diff --git a/Week-3/Team-Project-3/images/airline.jpg b/Week-3/Team-Project-3/images/airline.jpg new file mode 100644 index 0000000..8492322 Binary files /dev/null and b/Week-3/Team-Project-3/images/airline.jpg differ diff --git a/Week-3/Team-Project-3/images/car-icon.png b/Week-3/Team-Project-3/images/car-icon.png new file mode 100644 index 0000000..f11b6de Binary files /dev/null and b/Week-3/Team-Project-3/images/car-icon.png differ diff --git a/Week-3/Team-Project-3/images/deal-icon.png b/Week-3/Team-Project-3/images/deal-icon.png new file mode 100644 index 0000000..f6ccf30 Binary files /dev/null and b/Week-3/Team-Project-3/images/deal-icon.png differ diff --git a/Week-3/Team-Project-3/images/home-icon.png b/Week-3/Team-Project-3/images/home-icon.png new file mode 100644 index 0000000..9bb76af Binary files /dev/null and b/Week-3/Team-Project-3/images/home-icon.png differ diff --git a/Week-3/Team-Project-3/images/hotel-icon.png b/Week-3/Team-Project-3/images/hotel-icon.png new file mode 100644 index 0000000..332c3a4 Binary files /dev/null and b/Week-3/Team-Project-3/images/hotel-icon.png differ diff --git a/Week-3/Team-Project-3/images/login-icon.png b/Week-3/Team-Project-3/images/login-icon.png new file mode 100644 index 0000000..6af6319 Binary files /dev/null and b/Week-3/Team-Project-3/images/login-icon.png differ diff --git a/Week-3/Team-Project-3/images/logo.png b/Week-3/Team-Project-3/images/logo.png new file mode 100644 index 0000000..674095c Binary files /dev/null and b/Week-3/Team-Project-3/images/logo.png differ diff --git a/Week-3/Team-Project-3/images/page_design.png b/Week-3/Team-Project-3/images/page_design.png new file mode 100644 index 0000000..b82488d Binary files /dev/null and b/Week-3/Team-Project-3/images/page_design.png differ diff --git a/Week-3/Team-Project-3/images/plane-icon.png b/Week-3/Team-Project-3/images/plane-icon.png new file mode 100644 index 0000000..af97f1b Binary files /dev/null and b/Week-3/Team-Project-3/images/plane-icon.png differ diff --git a/Week-3/Team-Project-3/images/schedule-icon.png b/Week-3/Team-Project-3/images/schedule-icon.png new file mode 100644 index 0000000..b22462a Binary files /dev/null and b/Week-3/Team-Project-3/images/schedule-icon.png differ diff --git a/Week-3/Team-Project-3/index.html b/Week-3/Team-Project-3/index.html new file mode 100644 index 0000000..0325e32 --- /dev/null +++ b/Week-3/Team-Project-3/index.html @@ -0,0 +1,63 @@ + + + + + + + + + + +
+ + +
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ Passengers +
+
+
+
+ oReturn oOne Way +
+
+ Search Flights +
+
+
+ + diff --git a/Week-3/table/css/main.css b/Week-3/table/css/main.css new file mode 100644 index 0000000..56cccf2 --- /dev/null +++ b/Week-3/table/css/main.css @@ -0,0 +1,22 @@ +table { +margin: 100px auto 0 auto; +border-collapse: collapse; +} + +table, th, td { + border: 1px solid black; +} + +th, td { + padding: 8px; + text-align: center; +} + +th { + background-color: green; + color: white; +} + +.rowtwo { + background-color: gray; +} diff --git a/Week-3/table/index.html b/Week-3/table/index.html new file mode 100644 index 0000000..dc6e64a --- /dev/null +++ b/Week-3/table/index.html @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
headerheaderheaderheaderheaderheader
datadatadatadatadata
datadatadatadatadata
datadatadatadatadata
datadatadatadatadata
data
+ + diff --git a/Week-4/checkpoint-1/css/main.css b/Week-4/checkpoint-1/css/main.css new file mode 100644 index 0000000..f1a435e --- /dev/null +++ b/Week-4/checkpoint-1/css/main.css @@ -0,0 +1,296 @@ +body { +font-family: 'Open Sans', sans-serif; +} + +header { + width: 100%; + height: 50px; + +} + +ul { + list-style-type: none; + margin-left: 0; + padding: 0; + vertical-align: bottom; + +} + +li { + display: inline; + margin-right: 25px; + +} + +li a { + text-decoration: none; + font-weight: bold; +} + +#company { + width: 40%; + float: left; + margin-left: 160px; + margin-top: 23px; + +} + +#links { + width: 40%; + float: left; + display: inline-block; + text-align: right; + margin-top: 30px; +} + +h1 { + font-size: 55px; + margin-bottom: 20px; + color: white; + font-weight: bold; +} + +h2 { + font-size: 25px; + margin-bottom: 20px; + color: white; + font-weight: bold; +} + +h5 { + font-size: 18px; +} + +h6 { + font-size: 12px; +} + +#mainpage { + width: 100%; + height:500px; + background-image: url("../images/burner.jpg"); + background-repeat: no-repeat; + background-size: 1200px; + text-align: center; + background-position: center; + margin-bottom: 50px; +} + +.buttonmove1 { + float: left; + margin-left: 30%; +} + +.buttonmove2 { + float: left; + margin-left: 5%; +} + +.center { + padding-top: 325px; +} + +#org { + color: black; +} + +#about { + margin: 50px 0 50px 160px; +} + +#services { + width: 100%; + height:300px; + background-size: 900px; + text-align: center; + background-position: center; + margin-bottom: 50px; + margin-top: 50px; +} + +.medpic { + height: 250px; + width: 375px; +} + +hr { + height: 2px; + color: blue; + background-color: blue; +} + +#hrclear { + clear: left; +} + +#hrclear2 { + clear: left; +} + +#ckv { + width: 263px; + float: left; + margin-bottom: 50px; +} + +#ckvtext { + width: 64%; + float: left; + margin-left: 50px; + margin-bottom: 50px; +} + +#ckvtitle { + font-size: 25px; + font-weight: bold; + text-align: center; + padding-bottom: 35px; +} + +#parckv { + font-size: 18px; + text-align: justify; +} + +#subbut { + clear: left; + border: 2px solid red; + } + +#clients { + width: 100%; + height:500px; + background-image: url("../images/twilight.png"); + background-repeat: no-repeat; + background-size: 1200px; + text-align: center; + background-position: center; + margin-bottom: 50px; + margin-top: 50px; +} + +#clientstitle { + color: white; + font-size: 30px; + font-weight: bold; + text-align: center; + padding-top: 35px; +} + +#contactus { + width: 100%; + height:500px; + background-image: url("../images/contactus.jpg"); + background-repeat: no-repeat; + background-size: 1200px; + text-align: center; + background-position: center; + margin-bottom: 50px; + margin-top: 50px; +} + +#contactprint { +height: 400px; + +} + +.contactdesc { + color: white; + font-size: 42px; + font-weight: bold; + width: 50%; + height: 225px; + padding-left: 40px; + padding-top: 150px; + margin-left: 10%; + } + +.vert { + padding-top: 35px; +} + +#clientel1 { + width: 250px; + height: 375px; + margin-left: 185px; + margin-right: 50px; + margin-top: 30px; + float: left; + background-color: rgba(0, 0, 0, 0.5); +} + +#clientel2 { + width: 250px; + height: 375px; +margin-top: 30px; +margin-right: 50px; + float: left; + background-color: rgba(0, 0, 0, 0.5); +} + +#clientel3 { + width: 250px; + height: 375px; +margin-top: 30px; +margin-right: 50px; + float: left; + background-color: rgba(0, 0, 0, 0.5); +} + +#clientel4 { + width: 250px; + height: 375px; +margin-top: 30px; +margin-right: 50px; + float: left; + background-color: rgba(0, 0, 0, 0.5); +} + +.clientname { + color: white; + text-align: center; + font-size: 32px; + font-weight: bold; + padding: 10px 0 10px 0; +} + +.clientdesc { + color: white; + text-align: justify; + font-size: 18px; + width: 200px; + padding-left: 25px; +} + +#servicetext { + font-size: 30px; + font-weight: bold; + text-align: center; + padding-top: 35px; +} + +#serv1 { + height: 375px; + width: 375px; + float: left; + margin: 75px 125px 10px 275px; +} + +#serv2 { + height: 375px; + width: 375px; + float: left; + margin: 75px 100px 10px 125px; +} + +.serv3 { + margin-top: 18px; +} + +#date1 { + text-align: right; +} + +#date2 { + text-align: right; +} diff --git a/Week-4/checkpoint-1/css/reset.css b/Week-4/checkpoint-1/css/reset.css new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/Week-4/checkpoint-1/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/Week-4/checkpoint-1/images/burner.jpg b/Week-4/checkpoint-1/images/burner.jpg new file mode 100644 index 0000000..5b6bc6d Binary files /dev/null and b/Week-4/checkpoint-1/images/burner.jpg differ diff --git a/Week-4/checkpoint-1/images/car.png b/Week-4/checkpoint-1/images/car.png new file mode 100644 index 0000000..1b7020c Binary files /dev/null and b/Week-4/checkpoint-1/images/car.png differ diff --git a/Week-4/checkpoint-1/images/charity.png b/Week-4/checkpoint-1/images/charity.png new file mode 100644 index 0000000..0c167a1 Binary files /dev/null and b/Week-4/checkpoint-1/images/charity.png differ diff --git a/Week-4/checkpoint-1/images/ckv.jpg b/Week-4/checkpoint-1/images/ckv.jpg new file mode 100644 index 0000000..e729825 Binary files /dev/null and b/Week-4/checkpoint-1/images/ckv.jpg differ diff --git a/Week-4/checkpoint-1/images/client1.png b/Week-4/checkpoint-1/images/client1.png new file mode 100644 index 0000000..06df624 Binary files /dev/null and b/Week-4/checkpoint-1/images/client1.png differ diff --git a/Week-4/checkpoint-1/images/client2.png b/Week-4/checkpoint-1/images/client2.png new file mode 100644 index 0000000..34d9a40 Binary files /dev/null and b/Week-4/checkpoint-1/images/client2.png differ diff --git a/Week-4/checkpoint-1/images/client3.png b/Week-4/checkpoint-1/images/client3.png new file mode 100644 index 0000000..3f57fe2 Binary files /dev/null and b/Week-4/checkpoint-1/images/client3.png differ diff --git a/Week-4/checkpoint-1/images/client4.png b/Week-4/checkpoint-1/images/client4.png new file mode 100644 index 0000000..0aa75a7 Binary files /dev/null and b/Week-4/checkpoint-1/images/client4.png differ diff --git a/Week-4/checkpoint-1/images/contactus.jpg b/Week-4/checkpoint-1/images/contactus.jpg new file mode 100644 index 0000000..40c88ce Binary files /dev/null and b/Week-4/checkpoint-1/images/contactus.jpg differ diff --git a/Week-4/checkpoint-1/images/green.jpg b/Week-4/checkpoint-1/images/green.jpg new file mode 100644 index 0000000..f55b336 Binary files /dev/null and b/Week-4/checkpoint-1/images/green.jpg differ diff --git a/Week-4/checkpoint-1/images/lincoln.jpg b/Week-4/checkpoint-1/images/lincoln.jpg new file mode 100644 index 0000000..0d92b92 Binary files /dev/null and b/Week-4/checkpoint-1/images/lincoln.jpg differ diff --git a/Week-4/checkpoint-1/images/meter.png b/Week-4/checkpoint-1/images/meter.png new file mode 100644 index 0000000..e2c8ff9 Binary files /dev/null and b/Week-4/checkpoint-1/images/meter.png differ diff --git a/Week-4/checkpoint-1/images/nyse.png b/Week-4/checkpoint-1/images/nyse.png new file mode 100644 index 0000000..91d1281 Binary files /dev/null and b/Week-4/checkpoint-1/images/nyse.png differ diff --git a/Week-4/checkpoint-1/images/truck.png b/Week-4/checkpoint-1/images/truck.png new file mode 100644 index 0000000..b3b8e7c Binary files /dev/null and b/Week-4/checkpoint-1/images/truck.png differ diff --git a/Week-4/checkpoint-1/images/twilight.png b/Week-4/checkpoint-1/images/twilight.png new file mode 100644 index 0000000..7edce59 Binary files /dev/null and b/Week-4/checkpoint-1/images/twilight.png differ diff --git a/Week-4/checkpoint-1/index.html b/Week-4/checkpoint-1/index.html index e69de29..f7218af 100644 --- a/Week-4/checkpoint-1/index.html +++ b/Week-4/checkpoint-1/index.html @@ -0,0 +1,108 @@ + + + + + + + + + +
+
+

Atmos Energy

+
+ +
+ +
+

Atmos Energy

+

Natural Gas for a Green Tomorrow

+ +
+ +
+
+ + +
+
+ Charles K. Vaughan Center +
+
+
+

About Atmos Energy

+
+

Our vision is for Atmos Energy to be the Safest provider of natural gas services. We will be recognized for Exceptional Customer Service, for being a Great Employer and for achieving Superior Financial Results. Atmos Energy Corporation, headquartered in Dallas, is the country's largest, fully-regulated, natural-gas-only distributor, serving over three million natural gas distribution customers in over 1,400 communities in eight states.

+
+
+
+
+

Atmos Clients

+
+
+ KUBRA +

KUBRA

+

KUBRA has been an Atmos customer for over ten years. They have been a great partner in community development.

+
+
+
+
+ Peaks +

Peaks

+

Peaks Manufacturing has been an Atmos customer for fifteen years. They recognize the important roll natural gas plays in manufacturing.

+
+
+
+
+ Bose +

Bose

+

The Bose Corporation is a new client. They realize the excellent value natural gas offers as an energy source.

+
+
+
+
+ Renew +

Renew

+

Renew Recycling has been an Atmos customer for over five years. They appreciate the low carbon footprint that natural gas offers.

+
+
+
+
+
+

In Service

+
+ Service Tech reading meter +
Service to our customers.
+
Our customers come first.
+
02/22/2017
+
+
+ Atmos opens stock exchange +
Service to our stakeholders. Profits are
+
driven by satisfying our customers.
+
12/03/2016
+
+
+
+
+
+

Click below to login to your account. Do you have a question? Click "Contact Us" below to contact Atmos.

+ + + + +
+ +
+
+ + + diff --git a/Week-4/form/css/main.css b/Week-4/form/css/main.css new file mode 100644 index 0000000..3bd02d3 --- /dev/null +++ b/Week-4/form/css/main.css @@ -0,0 +1,69 @@ +body { + +} + +header { + background-color: #4169FF; + height: 100px; + position: absolute; + left: 0px; + top: 0px; + right: 0px; + +} + +h1 { + text-align: center; +} + +table { +float: left; +margin-left: 20%; +border-collapse: collapse; +width: 18%; +margin-top: 10%; +} + +} + +th, td { + padding: 4px; + text-align: center; +} + +th { + +} + +aside { + float:left; + width: 15%; +position: absolute; +left: 0px; +top: 100px; +bottom: 0px; +background-color: #4169FF; +} + +.entry { + +} + +.label { +text-align: left; + +} + +#submit { + text-align: center; + padding-top: 20px; + +} + +#logo { + +} + +#rest { + +} diff --git a/Week-4/form/index.html b/Week-4/form/index.html new file mode 100644 index 0000000..19dc68f --- /dev/null +++ b/Week-4/form/index.html @@ -0,0 +1,155 @@ + + + + + Form + + + + + +
+
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Please fill out the following form + +
+ + First Name +
+ + Last Name +
+ Male
+ Female
+ Other + + 		Gender +
+ + Email Address +
+ + Age +
+ + Password +
+ + City +
+ + State +
+ + Zip +
+ +
+
+ + + + diff --git a/Week-5/Flexbox-Flags/css/main.css b/Week-5/Flexbox-Flags/css/main.css new file mode 100644 index 0000000..869b0e4 --- /dev/null +++ b/Week-5/Flexbox-Flags/css/main.css @@ -0,0 +1,94 @@ +.flexbox { + display: flex; + justify-content: space-around; +} + +.flex-grid { + display: flex; + border: 1px solid black; + width: 200px; + height: 150px; +} + +.flex-grid .col { + flex: 1; +} + +.flex-grid-thirds { + display: flex; +border: 1px solid black; +width: 200px; +height: 150px; +flex-direction: column; +} + +.black { + background-color: black; + height: 50px; + width: 200px; +} + +.red { + background-color: red; + height: 50px; + width: 200px; +} + +.yellow { + background-color: yellow; + height: 50px; + width: 200px; +} + +.green { + background-color: green; + height: 150px; + width: 66px; +} +.white { + + height: 150px; + width: 66px; +} + +.red2 { + background-color: red; + height: 150px; + width: 66px; +} + +.blue { + background-color: blue; + height: 150px; + width: 66px; +} + +.white2 { + + height: 150px; + width: 66px; +} + +.red3 { + background-color: red; + height: 150px; + width: 66px; +} + +.yellow2 { + background-color: yellow; + height: 50px; + width: 200px; +} + +.blue2 { + background-color: blue; + height: 50px; + width: 200px; +} + +.red4 { + background-color: red; + height: 50px; + width: 200px; +} diff --git a/Week-5/Flexbox-Flags/css/reset.css b/Week-5/Flexbox-Flags/css/reset.css new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/Week-5/Flexbox-Flags/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/Week-5/Flexbox-Flags/index.html b/Week-5/Flexbox-Flags/index.html index e69de29..43d030a 100644 --- a/Week-5/Flexbox-Flags/index.html +++ b/Week-5/Flexbox-Flags/index.html @@ -0,0 +1,44 @@ + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/Week-5/usa/css/font-awesome.css b/Week-5/usa/css/font-awesome.css new file mode 100644 index 0000000..ee906a8 --- /dev/null +++ b/Week-5/usa/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-5/usa/css/font-awesome.min.css b/Week-5/usa/css/font-awesome.min.css new file mode 100644 index 0000000..540440c --- /dev/null +++ b/Week-5/usa/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-5/usa/css/main.css b/Week-5/usa/css/main.css new file mode 100644 index 0000000..9ebf647 --- /dev/null +++ b/Week-5/usa/css/main.css @@ -0,0 +1,78 @@ +.flag { + height: 400px; + width: 760px; + border: 2px solid black; + display: flex; + flex-direction: column; + flex: 1; + margin: 100px 0 0 100px; + +} + +.top { + + display: flex; + flex-direction: row; + flex: 0.54; + +} + +.topstars { + + display: flex; + flex-direction: column; + flex: 0.76; + background-color: #002868; + + +} + +.topstripes { + + display: flex; + flex-direction: column; + flex: 1.14; + +} + +.bottom { + + flex-direction: column; + display: flex; + flex: 0.46; + } + + + +.red { + background-color: #BF0A30; + flex: 1; + +} + +.white { + + background-color: white; + flex: 1; + +} + +.six { + display: flex; + flex: 1; +justify-content: space-between; + +} + +.five { + display: flex; + flex: 1; + justify-content: space-around; + +} + +.symbol { +color: white; +padding: 5px; + +} diff --git a/Week-5/usa/css/reset.css b/Week-5/usa/css/reset.css new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/Week-5/usa/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/Week-5/usa/index.html b/Week-5/usa/index.html new file mode 100644 index 0000000..f0c83a5 --- /dev/null +++ b/Week-5/usa/index.html @@ -0,0 +1,133 @@ + + + + + + + + + + + + +
+ +
+ +
+ +
+ + + + + + +
+
+ + + + + +
+
+ + + + + + +
+
+ + + + + +
+
+ + + + + + +
+
+ + + + + +
+
+ + + + + + +
+
+ + + + + +
+
+ + + + + + +
+ +
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+ +
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+ + + + + diff --git a/Week-6/Team-Project-1/float/css/main.css b/Week-6/Team-Project-1/float/css/main.css new file mode 100644 index 0000000..0f9e833 --- /dev/null +++ b/Week-6/Team-Project-1/float/css/main.css @@ -0,0 +1,265 @@ +html { + +} + +@media (max-width: 375px) { + + body { + width: 95%; + margin: auto; + + } + + header { + background-color: green; + width: 100%; + height: 50px; + margin-bottom: .67%; + } + + nav { + background-color: gray; + height: 50px; + width: 100%; + margin-bottom: .67%; + } + + .main { + + width: 100%; + height: 300px; + margin: auto; + + } + + .top { + background-color: blue; + width: 100%; + margin-bottom: .67%; + height: 42.5%; + + } + + .bottom { + width: 100%; + height: 39.5%; + margin: auto; + + } + + .box { + background-color: red; + float: left; + height: 63%; + width: 95%; + margin: 0 2.5% 1% 2.5%; + + + } + + footer { + background-color: orange; + clear: left; + + height: 50px; + } + +} + +@media (min-width: 376px) and (max-width: 799px) { + + body { + width: 95%; + height: 1000px; + margin: auto; + + } + + header { + background-color: green; + width: 100%; + height: 5%; + margin-bottom: .67%; + } + + nav { + background-color: gray; + height: 5%; + width: 100%; + margin-bottom: .67%; + } + + .main { + + width: 100%; + height: 1000px; + margin: auto; + + } + + .top { + background-color: blue; + width: 100%; + margin-bottom: .67%; + + height: 42.5%; + + } + + .bottom { + width: 100%; + height: 39.5%; + margin: auto; + + } + + .box { + background-color: red; + float: left; + height: 63%; + width: 42%; + margin-right: 1%; + margin-left: 5%; + margin-bottom: 1%; + + } + + footer { + background-color: orange; + clear: left; + + height: 5%; + } + +} + +@media (min-width: 800px) and (max-width: 1099px) { +body { + height: 100vh; + width: 66%; + margin: auto; + +} + +header { + background-color: green; + width: 100%; + height: 15%; + margin-bottom: .67%; +} + +nav { + background-color: gray; + height: 70%; + width: 20.67%; + float: left; +} + +.main { +background-color: lightblue; +width: 78.65%; +min-height: 150%; +float: left; +margin-left: .67%; +margin-bottom: .67%; + +} + +.top { + background-color: blue; + margin: 1.35%; + height: 250px; + +} + +.bottom { + + height: 250px; + margin-left: 5%; + margin-right: 1%; + +} + +.box { + background-color: red; + float: left; + height: 63%; + width: 47%; + margin-right: 2.5%; + margin-bottom: 2.5%; + +} + +footer { + background-color: orange; + clear: both; + + height: 10%; +} +} + + +@media (min-width: 1100px) { +body { + height: 100vh; + width: 66%; + margin: auto; + +} + +header { + background-color: green; + width: 100%; + height: 15%; + margin-bottom: .67%; +} + +nav { + background-color: gray; + height: 47%; + width: 20.67%; + float: left; +} + +.main { +background-color: lightblue; +width: 78.65%; +height: 73%; +float: left; +margin-left: .67%; +margin-bottom: .67%; + +} + +.top { + background-color: blue; + margin: 1.35%; + height: 42.5%; + +} + +.bottom { + + height: 39.5%; + margin-left: 1.35%; + margin-right: .35%; + +} + +.box { + background-color: red; + float: left; + height: 63%; + width: 24%; + margin-right: 1%; + margin-bottom: 1%; + +} + +footer { + background-color: orange; + clear: both; + + height: 10%; +} +} diff --git a/Week-6/Team-Project-1/float/index.html b/Week-6/Team-Project-1/float/index.html new file mode 100644 index 0000000..2b9f5ed --- /dev/null +++ b/Week-6/Team-Project-1/float/index.html @@ -0,0 +1,54 @@ + + + + + + + FLOAT + + +
+ text +
+ +
+
+ text +
+
+
+ text +
+
+ text +
+
+ text +
+
+ text +
+
+ text +
+
+ text +
+
+ text +
+
+ text +
+ +
+ +
+
+ text +
+ + + diff --git a/Week-6/Team-Project-1/index.html b/Week-6/Team-Project-1/index.html deleted file mode 100644 index e69de29..0000000 diff --git a/Week-6/Team-Project-2/css/main.css b/Week-6/Team-Project-2/css/main.css new file mode 100644 index 0000000..3c82539 --- /dev/null +++ b/Week-6/Team-Project-2/css/main.css @@ -0,0 +1,754 @@ +@media (min-width: 1025px) { +.container { + display: flex; + flex-direction: column; + height: 100vh; + width: 69%; + margin: auto; +} + +.first { + display: flex; + flex-direction: row; + background-color: #DDA42A; + flex: 1; +} + +.firsta img { + float: left; + padding-top: 25px; + padding-left: 15px; +} + +.firsta p { + float: left; + padding-top: 35px; + padding-left: 10px; + color: white; + font-size: 1.5rem; +} + +.firsta { + flex: 1; + +} + +.firstb { + flex: 1; + padding-top: 10px; + padding-left: 50px; +} + +.firstc { +display: flex; +flex: 1; +justify-content: flex-end; +align-items: center; +padding-right: 50px; +} + + +.input1 { + height: 37px; + width: 200px; + background-color: #885D02; + color: white; + border: 1px solid #DDA42A; +} + +.button1 { + height: 40px; + background-color: #6B4B08; + border-top: 1px solid #DDA42A; + border-right: 1px solid #DDA42A; + border-bottom: 1px solid #DDA42A; + border-left: 1px solid #885D02; +} + +.second { + display: flex; + flex-direction: row; + flex: 5.5; +} + +.secondrowa { + display: flex; + flex-direction: column; + flex: 1; +} + +.rowa1 { + display: flex; + flex: 1; + background-image: url(../images/Ginger-left.png); + background-repeat: no-repeat; + background-size: cover; +} + +.rowa2 { + display: flex; + flex: 1; + background-color: #DE741E; + flex-direction: column; +} + +.bigtext { + flex: 1; + + text-align: center; + color: white; + } + +.bigtext p { + padding-top: 0.5rem; + font-size: 2rem; +} + +.text1 { + text-align: center; + flex: 1; + + color: white; + font-size: 1.15rem; +} + +.text1 p { + padding-top: 0.5rem; +} + +.text2 { + text-align: center; + flex: 1; + + color: white; + font-size: 1.15rem; +} + +.text2 p { + padding-top: 0.5rem; +} + +.contact { + display: flex; + flex-direction: row; + flex: 2; + + justify-content: center; + align-items: center; +} + +.phone { + margin-right: 22px; + +} + +.message { + + margin-right: 22px; + +} + +.comment { +} + +.secondrowb { + background-image: url(../images/InsidePage-Photo.png); + background-repeat: no-repeat; + flex: 2; + + background-size: contain; +} + +.third { + display: flex; + flex-direction: row; + background-color: #1F1F1F; + flex: 1; +} + +.thirda { + display: flex; + flex: 1; + align-items: center; + padding-left: 20px; +} + +.input2 { + height: 47px; + width: 200px; + background-color: black; + color: #787976; + border: 1px solid black; + } + +.button2 { + height: 51px; + background-color: #E95A0A; + color: white; + border-top: 1px solid #1F1F1F; + border-right: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + border-left: 1px solid black; +} + +.thirdb { + flex: 1.6; + justify-content: space-around; + align-items: center; +} + +.thirdc { + display: flex; + flex: 0.4; +} + +.picc { + padding-top: 22px; + padding-right: 10px; +} + +.firstpic { + padding-left: 125px; +} + +.thirdc { + flex: 1; + align-items: center; + justify-content: flex-end; + +} + +.donate { + padding-right: 25px; +} +.button3 { + background-color: #3DA042; + height: 48px; + width: 80px; + border-top: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + border-left: 1px solid #1F1F1F; +} + +.button4 { + background-color: white; + color: #3DA042; + height: 47px; + width: 90px; + border-top: 1px solid #1F1F1F; + border-right: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + +} +} + +@media (max-width: 1024px){ + .container { + display: flex; + flex-shrink: 0; + flex-direction: column; + height: 100vh; + width: 100%; + margin: auto; + } + + .first { + display: flex; + flex-shrink: 0; + flex-direction: row; + background-color: #DDA42A; + flex: 1; + } + + .firsta img { + float: left; + padding-top: 25px; + padding-left: 15px; + } + + .firsta p { + float: left; + padding-top: 35px; + padding-left: 10px; + color: white; + font-size: 1.5rem; + } + + .firsta { + flex: 1; + + } + + .firstb { + flex: 1; + padding-top: 10px; + padding-left: 50px; + } + + .firstc { + display: flex; + flex: 1; + justify-content: flex-end; + align-items: center; + padding-right: 50px; + } + + + .input1 { + height: 37px; + width: 200px; + background-color: #885D02; + color: white; + border: 1px solid #DDA42A; + } + + .button1 { + height: 40px; + background-color: #6B4B08; + border-top: 1px solid #DDA42A; + border-right: 1px solid #DDA42A; + border-bottom: 1px solid #DDA42A; + border-left: 1px solid #885D02; + } + + .second { + display: flex; + flex-shrink: 0; + flex-direction: row; + flex: 5.5; + } + + .secondrowa { + display: flex; + flex-shrink: 0; + flex-direction: column; + flex: 1; + } + + .rowa1 { + display: flex; + flex-shrink: 0; + flex: 1; + background-image: url(../images/Ginger-left.png); + background-repeat: no-repeat; + background-size: cover; + } + + .rowa2 { + display: flex; + flex-shrink: 0; + flex: 1; + background-color: #DE741E; + flex-direction: column; + } + + .bigtext { + flex: 1; +flex-shrink: 0; + text-align: center; + color: white; + } + + .bigtext p { + padding-top: 0.5rem; + font-size: 2rem; + } + + .text1 { + text-align: center; + flex: 1; + + color: white; + font-size: 1.15rem; + } + + .text1 p { + padding-top: 0.5rem; + } + + .text2 { + text-align: center; + flex: 1; +flex-shrink: 0; + color: white; + font-size: 1.15rem; + } + + .text2 p { + padding-top: 0.5rem; + } + + .contact { + display: flex; + flex-shrink: 0;flex-shrink: 0; + flex-direction: row; + flex: 2; + + justify-content: center; + align-items: center; + } + + .phone { + margin-right: 22px; + + } + + .message { + + margin-right: 22px; + + } + + .comment { + } + + .secondrowb { + background-image: url(../images/InsidePage-Photo.png); + background-repeat: no-repeat; + flex: 2; +flex-shrink: 0; + background-size: cover; + } + + .third { + display: flex; + flex-shrink: 0; + flex-direction: row; + background-color: #1F1F1F; + flex: 1; + } + + .thirda { + display: flex; + flex-shrink: 0; + flex: 1; + align-items: center; + padding-left: 20px; + } + + .input2 { + height: 47px; + width: 200px; + background-color: black; + color: #787976; + border: 1px solid black; + } + + .button2 { + height: 51px; + background-color: #E95A0A; + color: white; + border-top: 1px solid #1F1F1F; + border-right: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + border-left: 1px solid black; + } + + .thirdb { + flex: 1.6; + flex-shrink: 0; + justify-content: space-around; + align-items: center; + } + + .thirdc { + display: flex; + flex-shrink: 0; + flex: 0.4; + } + + .picc { + padding-top: 22px; + padding-right: 10px; + } + + .firstpic { + padding-left: 75px; + } + + .thirdc { + flex: 1; + flex-shrink: 0; + align-items: center; + justify-content: flex-end; + + } + + .donate { + padding-right: 25px; + } + .button3 { + background-color: #3DA042; + height: 48px; + width: 80px; + border-top: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + border-left: 1px solid #1F1F1F; + } + + .button4 { + background-color: white; + color: #3DA042; + height: 47px; + width: 90px; + border-top: 1px solid #1F1F1F; + border-right: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + + } +} + +@media (max-width: 640px) { + .container { + display: flex; + flex-direction: column; + height: 100vh; + width: 69%; + margin: auto; + } + + .first { + display: flex; + flex-direction: row; + flex-wrap: wrap; + background-color: #DDA42A; + flex: 1; + } + + .firsta img { + float: left; + padding-top: 5px; + padding-left: 5px; + + } + + .firsta p { + float: left; + padding-top: 15px; + padding-left: 5px; + color: white; + + font-size: 1rem; + } + + .firsta { + flex: 1; + order: 2; + + } + + .firstb { + flex: 3; + padding-top: 10px; + padding-left: 50px; + order: 1; + width: 640px; + } + + .firstc { + order: 3; + display: flex; + flex: 1; + justify-content: flex-end; + align-items: center; + padding-right: 5px; + } + + + .input1 { + height: 37px; + width: 150px; + background-color: #885D02; + color: white; + border: 1px solid #DDA42A; + } + + .button1 { + height: 40px; + background-color: #6B4B08; + border-top: 1px solid #DDA42A; + border-right: 1px solid #DDA42A; + border-bottom: 1px solid #DDA42A; + border-left: 1px solid #885D02; + } + + .second { + display: flex; + flex-shrink: 0; + flex-direction: row; + flex: 4; + } + + .secondrowa { + display: flex; + flex-shrink: 0; + flex-direction: column; + flex: 1; + } + + .rowa1 { + display: flex; + flex-shrink: 0; + flex: 2; + background-image: url(../images/Ginger-left.png); + background-repeat: no-repeat; + background-size: cover; + } + + .rowa2 { + display: flex; + flex-shrink: 0; + flex: 1; + background-color: #DE741E; + flex-direction: column; + } + + .bigtext { + flex: 1; + + text-align: center; + color: white; + } + + .bigtext p { + padding-top: 0.5rem; + font-size: 2rem; + } + + .text1 { + text-align: center; + flex: 1; + + color: white; + font-size: 1.15rem; + } + + .text1 p { + padding-top: 0.5rem; + } + + .text2 { + text-align: center; + flex: 1; + + color: white; + font-size: 1.15rem; + } + + .text2 p { + padding-top: 0.5rem; + } + + .contact { + display: flex; + flex-direction: row; + flex: 2; + + justify-content: center; + align-items: center; + } + + .phone { + margin-right: 22px; + + } + + .message { + + margin-right: 22px; + + } + + .comment { + } + + .secondrowb { + display: none; + background-image: url(../images/InsidePage-Photo.png); + background-repeat: no-repeat; + flex: 2; + background-size: contain; + } + + .third { + display: none; + flex-direction: row; + background-color: #1F1F1F; + flex: 1; + } + + .thirda { + display: flex; + flex: 1; + align-items: center; + padding-left: 20px; + } + + .input2 { + height: 47px; + width: 200px; + background-color: black; + color: #787976; + border: 1px solid black; + } + + .button2 { + height: 51px; + background-color: #E95A0A; + color: white; + border-top: 1px solid #1F1F1F; + border-right: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + border-left: 1px solid black; + } + + .thirdb { + flex: 1.6; + justify-content: space-around; + align-items: center; + } + + .thirdc { + display: flex; + flex: 0.4; + } + + .picc { + padding-top: 22px; + padding-right: 10px; + } + + .firstpic { + padding-left: 125px; + } + + .thirdc { + flex: 1; + align-items: center; + justify-content: flex-end; + + } + + .donate { + padding-right: 25px; + } + .button3 { + background-color: #3DA042; + height: 48px; + width: 80px; + border-top: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + border-left: 1px solid #1F1F1F; + } + + .button4 { + background-color: white; + color: #3DA042; + height: 47px; + width: 90px; + border-top: 1px solid #1F1F1F; + border-right: 1px solid #1F1F1F; + border-bottom: 1px solid #1F1F1F; + + } +} diff --git a/Week-6/Team-Project-2/css/reset.css b/Week-6/Team-Project-2/css/reset.css new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/Week-6/Team-Project-2/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/Week-6/Team-Project-2/index.html b/Week-6/Team-Project-2/index.html new file mode 100644 index 0000000..af082f3 --- /dev/null +++ b/Week-6/Team-Project-2/index.html @@ -0,0 +1,82 @@ + + + + + + + +
+
+
+ +

Menu

+
+
+ +
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+
+

Ginger

+
+
+

Golden Retriever

+
+
+

Male | 24 Months Old | 22lbs

+
+
+
+ phone +
+
+ messages +
+
+ comments +
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+ Facebook + Twitter + Google Plus + Linked In + You Tube +
+
+
+ +
+ +
+
+ + diff --git a/Week-7/Checkpoint2/css/main.css b/Week-7/Checkpoint2/css/main.css new file mode 100644 index 0000000..62f9d64 --- /dev/null +++ b/Week-7/Checkpoint2/css/main.css @@ -0,0 +1,1407 @@ +@media (min-width: 1025px) { + +.container { + display: flex; + flex-direction: column; + flex: 1; +} + +.first { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine-bg.jpg); + background-repeat: no-repeat; + background-size: cover; +} + +.headrow { + display: flex; + flex-direction: row; + height: 50px; + border-bottom: 0.5px solid white; + width: 100%; +} + +.logo { + display: flex; + flex-direction: row; + flex: 1; + padding-left: 10px; +} + +.menu { + display: flex; + flex-direction: row; + flex: 1; + justify-content: flex-end; + padding-top: 32px; + font-size: 14px; + color: white; + +} + +.indiv { + padding-right: 55px; + font-family: sans-serif; +} + +.mainsec { + display: flex; + flex-direction: column; + height: 500px; + width: 100%; + align-items: center; + align-content: center; + +} + +.main1 { + flex: 0.5; +margin-top: 15px; +margin-right: auto; +margin-left: auto; + +} + +.main { + flex: 0.5; + margin-left: auto; + margin-right: auto; + } + + .words { + text-align: center; + color: white; + font-family: sans-serif; + } + + .words p { + font-size: 20px; + color: white; + padding-top: 25px; + font-family: sans-serif; + font-style: italic; + line-height: 27px; + padding-bottom: 25px; + } + + .second { + display: flex; + flex-direction: row; + height: 660px; + } + + .est { + display: flex; + flex-direction: column; + text-align: center; + flex: 1; + text-align: center; + padding-top: 150px; + } + + .secondest { + color: #BBBBBB; + font-style: italic; + font-size: 20px; + padding-bottom: 50px; + + } + + .secondtitle { + padding-bottom: 50px; + margin-left: auto; + margin-right: auto; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .seconddesc { + + text-align: center; + margin-left: auto; + margin-right: auto; + font-size: 18px; + font-family: serif; +line-height: 25px; + color: #989898; + padding-bottom: 10px; + } + + .signa { + margin-left: auto; + margin-right: auto; + } + + .hose { + background-image: url(../img/wine16.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + flex: 1; + } + + .third { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine13.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + color: white; + font-family: serif; + text-align: center; + } + + .thirdtitle { + padding-top: 300px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + } + + .thirdtext { + padding-top: 30px; + color: white; + text-align: center; + font-size: 18px; + + } + + .fourth { + display: flex; + flex-direction: row; + height: 900px; + background-color: white; + justify-content: center; + + } + + .silopre { + display: flex; + flex: 0.1; + } + + .silo1 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + margin-right: 70px; + } + + .bottle1 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc1 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit1 { + display: flex; + + } + + .silo2 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + margin-right: 70px; + } + + .bottle2 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc2 { + display: flex; +flex-direction: column; +justify-content: center; +text-align: center; + } + + .visit2 { + display: flex; + + } + + .silo3 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + } + + .bottle3 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc3 { + display: flex; +flex-direction: column; +justify-content: center; +text-align: center; + } + + .visit3 { + display: flex; + + } + + .silopost { + display: flex; + flex: 1; + } + +.button1 { + width: 150px; + height: 40px; + background-color: #91A05C; + color: white; +} + +.flavor { + padding-top: 40px; + padding-bottom: 40px; + font-size: 26px; + font-family: serif; + font-style: italic; +} + +.winedesc { + font-size: 16px; + font-family: serif; + font-style: italic; + padding-bottom: 40px; +} + +.fifth { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine12.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + +.fifthtitle { + color: white; + padding-top: 150px; + padding-bottom: 60px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; +} + +.awards { + display: flex; + flex-direction: row; + justify-content: space-around; +} + +.badge { + display: flex; + flex-direction: column; +} + +.badgedesc { + padding-top: 30px; + color: white; + text-align: center; + font-size: 18px; +} + +.sixth { + display: flex; + flex-direction: row; + height: 660px; +} + +.joinus { + display: flex; + flex-direction: column; + flex: 1; + text-align: center; + padding-top: 100px; +} + +.joina { + display: flex; + flex-direction: column; + +} + +.jointitle { + padding-top: 40px; + padding-bottom: 40px; + margin-left: auto; + margin-right: auto; + font-size: 26px; + font-family: serif; + font-style: italic; +} + +.joindesc { + width: 500px; + text-align: left; + margin-left: auto; + margin-right: auto; + font-size: 18px; + font-family: serif; + padding-bottom: 40px; + color: #989898; + border-bottom: 1px solid #989898; +} + +.joinb { + width: 500px; + text-align: left; + margin-left: auto; + margin-right: auto; + + font-family: serif; +padding-top: 50px; + color: #989898; + +} + +.address { + font-size: 18px; + line-height: 30px; + padding-bottom: 40px; +} + +.contact { + font-size: 14px; + font-family: sans-serif; + line-height: 25px; +} + +.pour { + background-image: url(../img/wine15.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + flex: 1; +} + + + +.seventh { + display: flex; + flex-direction: column; + height: 400px; + background-color: #292929; +} + + + +.endtitle { + color: white; + padding-top: 100px; + padding-bottom: 40px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + +} + +.enddesc { + color: white; + padding-bottom: 40px; + font-size: 16px; + font-family: serif; + text-align: center; +} + +.endform { + margin-left: auto; + margin-right: auto; + align-items: center; + +} + +.textbox { + height: 45px; + width: 200px; + color: white; + font-family: sans-serif; +background-color: #292929; +border: 1px solid white; +text-align: center; +} + +.button2 { + width: 200px; + height: 50px; + background-color: #91A05C; + color: white; + border: 1px solid #292929; +} +} +@media (max-width: 1024px) { + .container { + display: flex; + flex-direction: column; + flex: 1; + } + + .first { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine14.jpg); + background-repeat: no-repeat; + background-size: cover; + } + + .headrow { + display: flex; + flex-direction: row; + height: 50px; + border-bottom: 0.5px solid white; + width: 100%; + } + + .logo { + display: flex; + flex-direction: row; + flex: 1; + padding-left: 10px; + } + + .menu { + display: flex; + flex-direction: row; + flex: 1; + justify-content: flex-end; + padding-top: 32px; + font-size: 14px; + color: white; + display: none; + + } + + .indiv { + padding-right: 55px; + font-family: sans-serif; + } + + .mainsec { + display: flex; + flex-direction: column; + height: 500px; + width: 100%; + align-items: center; + align-content: center; + + } + + .main1 { + flex: 0.5; + margin-top: 15px; + margin-right: auto; + margin-left: auto; + + } + + .main { + flex: 0.5; + margin-left: auto; + margin-right: auto; + } + + .words { + text-align: center; + color: white; + font-family: sans-serif; + } + + .words p { + font-size: 20px; + color: white; + padding-top: 25px; + font-family: sans-serif; + font-style: italic; + line-height: 27px; + padding-bottom: 25px; + } + + .second { + display: flex; + flex-direction: column; + flex-wrap: wrap; + height: 1320px; + } + + .est { + display: flex; + flex-direction: column; + text-align: center; + flex: 1; + text-align: center; + padding-top: 150px; + } + + .secondest { + color: #BBBBBB; + font-style: italic; + font-size: 20px; + padding-bottom: 50px; + + } + + .secondtitle { + padding-bottom: 50px; + margin-left: auto; + margin-right: auto; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .seconddesc { + + text-align: center; + margin-left: auto; + margin-right: auto; + font-size: 18px; + font-family: serif; + line-height: 25px; + color: #989898; + padding-bottom: 10px; + } + + .signa { + margin-left: auto; + margin-right: auto; + } + + .hose { + background-image: url(../img/wine16.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + flex: 1; + } + + .third { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine13.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + color: white; + font-family: serif; + text-align: center; + } + + .thirdtitle { + padding-top: 300px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + } + + .thirdtext { + padding-top: 30px; + color: white; + text-align: center; + font-size: 18px; + + } + + .fourth { + display: flex; + flex-direction: row; + height: 900px; + background-color: white; + justify-content: center; + + } + + .silopre { + display: flex; + flex: 0.1; + } + + .silo1 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + margin-right: 70px; + } + + .bottle1 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc1 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit1 { + display: flex; + + } + + .silo2 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + margin-right: 70px; + } + + .bottle2 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc2 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit2 { + display: flex; + + } + + .silo3 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + } + + .bottle3 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc3 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit3 { + display: flex; + + } + + .silopost { + display: flex; + flex: 1; + } + + .button1 { + width: 150px; + height: 40px; + background-color: #91A05C; + color: white; + } + + .flavor { + padding-top: 40px; + padding-bottom: 40px; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .winedesc { + font-size: 16px; + font-family: serif; + font-style: italic; + padding-bottom: 40px; + } + + .fifth { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine12.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + } + + .fifthtitle { + color: white; + padding-top: 150px; + padding-bottom: 60px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + } + + .awards { + display: flex; + flex-direction: row; + justify-content: space-around; + } + + .badge { + display: flex; + flex-direction: column; + } + + .badgedesc { + padding-top: 30px; + color: white; + text-align: center; + font-size: 18px; + } + + .sixth { + display: flex; + flex-direction: column; + height: 1320px; + } + + .joinus { + display: flex; + flex-direction: column; + flex: 1; + text-align: center; + padding-top: 100px; + } + + .joina { + display: flex; + flex-direction: column; + + } + + .jointitle { + padding-top: 40px; + padding-bottom: 40px; + margin-left: auto; + margin-right: auto; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .joindesc { + width: 500px; + text-align: left; + margin-left: auto; + margin-right: auto; + font-size: 18px; + font-family: serif; + padding-bottom: 40px; + color: #989898; + border-bottom: 1px solid #989898; + } + + .joinb { + width: 500px; + text-align: left; + margin-left: auto; + margin-right: auto; + + font-family: serif; + padding-top: 50px; + color: #989898; + + } + + .address { + font-size: 18px; + line-height: 30px; + padding-bottom: 40px; + } + + .contact { + font-size: 14px; + font-family: sans-serif; + line-height: 25px; + } + + .pour { + background-image: url(../img/wine15.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + flex: 1; + } + + + + .seventh { + display: flex; + flex-direction: column; + height: 400px; + background-color: #292929; + } + + + + .endtitle { + color: white; + padding-top: 100px; + padding-bottom: 40px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + + } + + .enddesc { + color: white; + padding-bottom: 40px; + font-size: 16px; + font-family: serif; + text-align: center; + } + + .endform { + margin-left: auto; + margin-right: auto; + align-items: center; + + } + + .textbox { + height: 45px; + width: 200px; + color: white; + font-family: sans-serif; + background-color: #292929; + border: 1px solid white; + text-align: center; + } + + .button2 { + width: 200px; + height: 50px; + background-color: #91A05C; + color: white; + border: 1px solid #292929; + } +} + +@media (max-width: 640px) { + + .container { + display: flex; + flex-direction: column; + flex: 1; + height: 960px; + } + + .first { + display: flex; + flex-direction: column; + height: 600px; + background-image: url(../img/wine14.jpg); + background-repeat: no-repeat; + background-size: cover; + } + + .headrow { + display: flex; + flex-direction: row; + height: 50px; + border-bottom: 0.5px solid white; + width: 100%; + } + + .logo { + display: flex; + flex-direction: row; + flex: 1; + padding-left: 10px; + } + + .menu { + display: flex; + flex-direction: row; + flex: 1; + justify-content: flex-end; + padding-top: 32px; + font-size: 14px; + color: white; + display: none; + + } + + .indiv { + padding-right: 55px; + font-family: sans-serif; + } + + .mainsec { + display: flex; + flex-direction: column; + height: 500px; + width: 100%; + align-items: center; + align-content: center; + + } + + .main1 { + flex: 0.5; + margin-top: 15px; + margin-right: auto; + margin-left: auto; + display: none; + + } + + .main { + flex: 0.5; + margin-left: auto; + margin-right: auto; + } + + .words { + text-align: center; + padding-top: 100px; + color: white; + font-family: sans-serif; + } + + .words p { + font-size: 20px; + color: white; + padding-top: 25px; + font-family: sans-serif; + font-style: italic; + line-height: 27px; + padding-bottom: 25px; + } + + .second { + display: flex; + flex-direction: row; + height: 660px; + display: none; + } + + .est { + display: flex; + flex-direction: column; + text-align: center; + flex: 1; + text-align: center; + padding-top: 150px; + } + + .secondest { + color: #BBBBBB; + font-style: italic; + font-size: 20px; + padding-bottom: 50px; + + } + + .secondtitle { + padding-bottom: 50px; + margin-left: auto; + margin-right: auto; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .seconddesc { + + text-align: center; + margin-left: auto; + margin-right: auto; + font-size: 18px; + font-family: serif; + line-height: 25px; + color: #989898; + padding-bottom: 10px; + } + + .signa { + margin-left: auto; + margin-right: auto; + } + + .hose { + background-image: url(../img/wine16.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + flex: 1; + } + + .third { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine13.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + color: white; + font-family: serif; + text-align: center; + display: none; + } + + .thirdtitle { + padding-top: 300px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + } + + .thirdtext { + padding-top: 30px; + color: white; + text-align: center; + font-size: 18px; + + } + + .fourth { + display: flex; + flex-direction: row; + height: 900px; + background-color: white; + justify-content: center; + display: none; + + } + + .silopre { + display: flex; + flex: 0.1; + } + + .silo1 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + margin-right: 70px; + } + + .bottle1 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc1 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit1 { + display: flex; + + } + + .silo2 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + margin-right: 70px; + } + + .bottle2 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc2 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit2 { + display: flex; + + } + + .silo3 { + display: flex; + flex-direction: column; + height: 800px; + width: 300px; + align-items: center; + } + + .bottle3 { + display: flex; + border-bottom: 0.5px solid #CCCCCC; + width: 300px; + justify-content: center; + } + + .desc3 { + display: flex; + flex-direction: column; + justify-content: center; + text-align: center; + } + + .visit3 { + display: flex; + + } + + .silopost { + display: flex; + flex: 1; + } + + .button1 { + width: 150px; + height: 40px; + background-color: #91A05C; + color: white; + } + + .flavor { + padding-top: 40px; + padding-bottom: 40px; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .winedesc { + font-size: 16px; + font-family: serif; + font-style: italic; + padding-bottom: 40px; + } + + .fifth { + display: flex; + flex-direction: column; + height: 800px; + background-image: url(../img/wine12.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + display: none; + } + + .fifthtitle { + color: white; + padding-top: 150px; + padding-bottom: 60px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + } + + .awards { + display: flex; + flex-direction: row; + justify-content: space-around; + } + + .badge { + display: flex; + flex-direction: column; + } + + .badgedesc { + padding-top: 30px; + color: white; + text-align: center; + font-size: 18px; + } + + .sixth { + display: flex; + flex-direction: row; + height: 660px; + display: none; + } + + .joinus { + display: flex; + flex-direction: column; + flex: 1; + text-align: center; + padding-top: 100px; + } + + .joina { + display: flex; + flex-direction: column; + + } + + .jointitle { + padding-top: 40px; + padding-bottom: 40px; + margin-left: auto; + margin-right: auto; + font-size: 26px; + font-family: serif; + font-style: italic; + } + + .joindesc { + width: 500px; + text-align: left; + margin-left: auto; + margin-right: auto; + font-size: 18px; + font-family: serif; + padding-bottom: 40px; + color: #989898; + border-bottom: 1px solid #989898; + } + + .joinb { + width: 500px; + text-align: left; + margin-left: auto; + margin-right: auto; + + font-family: serif; + padding-top: 50px; + color: #989898; + + } + + .address { + font-size: 18px; + line-height: 30px; + padding-bottom: 40px; + } + + .contact { + font-size: 14px; + font-family: sans-serif; + line-height: 25px; + } + + .pour { + background-image: url(../img/wine15.jpg); + background-repeat: no-repeat; + background-size: cover; + background-position: center; + flex: 1; + } + + + + .seventh { + display: flex; + flex-direction: column; + height: 400px; + background-color: #292929; + } + + + + .endtitle { + color: white; + padding-top: 30px; + padding-bottom: 40px; + font-size: 36px; + font-family: serif; + font-style: italic; + text-align: center; + + } + + .enddesc { + color: white; + padding-bottom: 40px; + font-size: 16px; + font-family: serif; + text-align: center; + } + + .endform { + margin-left: auto; + margin-right: auto; + align-items: center; + + } + + .textbox { + height: 45px; + width: 200px; + color: white; + font-family: sans-serif; + background-color: #292929; + border: 1px solid white; + text-align: center; + } + + .button2 { + width: 200px; + height: 50px; + background-color: #91A05C; + color: white; + border: 1px solid #292929; + } + +} diff --git a/Week-7/Checkpoint2/css/reset.css b/Week-7/Checkpoint2/css/reset.css new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/Week-7/Checkpoint2/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/Week-7/Checkpoint2/img/close.png b/Week-7/Checkpoint2/img/close.png new file mode 100644 index 0000000..20baa1d Binary files /dev/null and b/Week-7/Checkpoint2/img/close.png differ diff --git a/Week-7/Checkpoint2/img/loading.gif b/Week-7/Checkpoint2/img/loading.gif new file mode 100644 index 0000000..5087c2a Binary files /dev/null and b/Week-7/Checkpoint2/img/loading.gif differ diff --git a/Week-7/Checkpoint2/img/logo-dark.png b/Week-7/Checkpoint2/img/logo-dark.png new file mode 100644 index 0000000..b16e0f0 Binary files /dev/null and b/Week-7/Checkpoint2/img/logo-dark.png differ diff --git a/Week-7/Checkpoint2/img/logo-light.png b/Week-7/Checkpoint2/img/logo-light.png new file mode 100644 index 0000000..f30c55f Binary files /dev/null and b/Week-7/Checkpoint2/img/logo-light.png differ diff --git a/Week-7/Checkpoint2/img/next.png b/Week-7/Checkpoint2/img/next.png new file mode 100644 index 0000000..08365ac Binary files /dev/null and b/Week-7/Checkpoint2/img/next.png differ diff --git a/Week-7/Checkpoint2/img/prev.png b/Week-7/Checkpoint2/img/prev.png new file mode 100644 index 0000000..329fa98 Binary files /dev/null and b/Week-7/Checkpoint2/img/prev.png differ diff --git a/Week-7/Checkpoint2/img/shop-widget-1.png b/Week-7/Checkpoint2/img/shop-widget-1.png new file mode 100644 index 0000000..82e4b15 Binary files /dev/null and b/Week-7/Checkpoint2/img/shop-widget-1.png differ diff --git a/Week-7/Checkpoint2/img/shop-widget-2.png b/Week-7/Checkpoint2/img/shop-widget-2.png new file mode 100644 index 0000000..6c7061b Binary files /dev/null and b/Week-7/Checkpoint2/img/shop-widget-2.png differ diff --git a/Week-7/Checkpoint2/img/wine1.png b/Week-7/Checkpoint2/img/wine1.png new file mode 100644 index 0000000..643c9e0 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine1.png differ diff --git a/Week-7/Checkpoint2/img/wine10.png b/Week-7/Checkpoint2/img/wine10.png new file mode 100644 index 0000000..63d81b0 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine10.png differ diff --git a/Week-7/Checkpoint2/img/wine11.png b/Week-7/Checkpoint2/img/wine11.png new file mode 100644 index 0000000..06f9e12 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine11.png differ diff --git a/Week-7/Checkpoint2/img/wine12.jpg b/Week-7/Checkpoint2/img/wine12.jpg new file mode 100644 index 0000000..97dace1 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine12.jpg differ diff --git a/Week-7/Checkpoint2/img/wine14.jpg b/Week-7/Checkpoint2/img/wine14.jpg new file mode 100644 index 0000000..1b50393 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine14.jpg differ diff --git a/Week-7/Checkpoint2/img/wine15.jpg b/Week-7/Checkpoint2/img/wine15.jpg new file mode 100644 index 0000000..3c83f40 Binary files /dev/null and b/Week-7/Checkpoint2/img/wine15.jpg differ diff --git a/Week-7/Checkpoint2/img/wine2.png b/Week-7/Checkpoint2/img/wine2.png new file mode 100644 index 0000000..a8a5ada Binary files /dev/null and b/Week-7/Checkpoint2/img/wine2.png differ diff --git a/Week-7/Checkpoint2/img/wine9.png b/Week-7/Checkpoint2/img/wine9.png new file mode 100644 index 0000000..24548fe Binary files /dev/null and b/Week-7/Checkpoint2/img/wine9.png differ diff --git a/Week-7/Checkpoint2/index.html b/Week-7/Checkpoint2/index.html new file mode 100644 index 0000000..4adb03c --- /dev/null +++ b/Week-7/Checkpoint2/index.html @@ -0,0 +1,202 @@ + + + + + + + + +
+
+
+ +
+
+ HOME +
+
+ PAGES +
+
+ ELEMENTS +
+
+ PORTFOLIO +
+
+ SHOP +
+
+ BLOG +
+
+ Mag +
+
+ CT +
+
+
+
+
+ +
+
+
+

“Without doubt, one of the most consistently
+high-quality wineries in the Barossa region”

+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 +
+
+
+
+
+

“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.

+
+ +
+
+
+
+
+ shiraz +
+
+

Foundry Shiraz

+

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

+
+
+ +
+
+
+
+ chardonnay +
+ +
+

Foundry Chardonnay

+

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

+
+
+ +
+
+
+
+ chardonnay +
+
+

Foundry Cabernet

+

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

+
+
+ +
+
+
+
+
+ +
+
+

Awards & Recognition

+
+
+
+
+ Austrailia's best +
+
+ Best Mid-Tier Value Wine
+Barossa Shiraz, 2009 +
+
+
+
+ Bronze Medal +
+
+ Winemaker of the Year
+Foundry Vineyard, 20014 +
+
+
+
+ Best value +
+
+ Best Overall Value
+Barossa Cabernet, 2010 +
+
+
+
+
+
+
+
+
+

Join us for tastings at the Cellar Door

+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, + sed do eiusmod tempor incididunt

+
+
+

1240 Kilgour Road
+Rowland Flat
+South Australia 5352

+ +

P: (05) 3928 9283
+E: enquiries@foundry.net

+
+
+
+ +
+
+ Sign up to our monthly newsletter +
+
+Get special offers and news on newest cellar releases. +
+
+ + +
+
+ + + + + +
+ + + diff --git a/Week-7/fizzbuzz/index.html b/Week-7/fizzbuzz/index.html index e69de29..4406aeb 100644 --- a/Week-7/fizzbuzz/index.html +++ b/Week-7/fizzbuzz/index.html @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/Week-9/teamproject/css/main.css b/Week-9/teamproject/css/main.css new file mode 100644 index 0000000..8724e37 --- /dev/null +++ b/Week-9/teamproject/css/main.css @@ -0,0 +1,116 @@ +body { + +} + + +.container { + display: flex; + flex-direction: column; + height: 1500px; +} + +.headrow { + display: flex; + flex-direction: row; + height: 150px; + border-bottom: 1px solid black; + margin-bottom: 50px; +} + +.slider { + display: flex; + flex-direction: row; + flex: 1; + background-color: white; + margin-bottom: 50px; + justify-content: center; +} + +.second { + display: flex; + flex-direction: row; + flex: 1; + background-color: white; +} + +.video { + display: flex; + flex-direction: column; + flex: 1; + background-color: white; + +} + +.vidbox { + margin: auto; +} + +.viddesc { + display: flex; + flex-direction: column; + flex: 1; + background-color: white; +} + +.desc { + margin: 60px auto 0 auto; + width: 300px; +} + +.local { + font-weight: bold; + font-family: serif; + font-style: italic; + font-size: 46px; + padding-bottom: 40px; +} + +.locdesc { + font-size: 24px; + text-align: justify; +} + +.contact { + display: flex; + flex-direction: row; + flex: 1; + background-color: white; +} + +.google { + display: flex; + flex-direction: column; + flex: 1; + justify-content: center; + align-items: center; + padding-bottom: 50px; + +} + +#map { + width: 500px; + height: 500px; +} + +.formsub { + display: flex; + flex-direction: column; + flex: 1; + margin-top: 75px; + margin-left: 0px; + margin-right: auto; +} + +input { + width: 300px; +} + +button { + width: 100px; +} + +.magic { + font-size: 24px; + color: red; + display: none; +} diff --git a/Week-9/teamproject/css/reset.css b/Week-9/teamproject/css/reset.css new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/Week-9/teamproject/css/reset.css @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/Week-9/teamproject/images/Grimaldis.jpg b/Week-9/teamproject/images/Grimaldis.jpg new file mode 100644 index 0000000..bf1ab40 Binary files /dev/null and b/Week-9/teamproject/images/Grimaldis.jpg differ diff --git a/Week-9/teamproject/images/logo.jpg b/Week-9/teamproject/images/logo.jpg new file mode 100644 index 0000000..edc0c0e Binary files /dev/null and b/Week-9/teamproject/images/logo.jpg differ diff --git a/Week-9/teamproject/images/logo.png b/Week-9/teamproject/images/logo.png new file mode 100644 index 0000000..d42c634 Binary files /dev/null and b/Week-9/teamproject/images/logo.png differ diff --git a/Week-9/teamproject/images/oceanprime.jpg b/Week-9/teamproject/images/oceanprime.jpg new file mode 100644 index 0000000..d01c8e5 Binary files /dev/null and b/Week-9/teamproject/images/oceanprime.jpg differ diff --git a/Week-9/teamproject/images/perrys.jpg b/Week-9/teamproject/images/perrys.jpg new file mode 100644 index 0000000..55174fe Binary files /dev/null and b/Week-9/teamproject/images/perrys.jpg differ diff --git a/Week-9/teamproject/images/trompo.jpg b/Week-9/teamproject/images/trompo.jpg new file mode 100644 index 0000000..8377b68 Binary files /dev/null and b/Week-9/teamproject/images/trompo.jpg differ diff --git a/Week-9/teamproject/index.html b/Week-9/teamproject/index.html new file mode 100644 index 0000000..384a918 --- /dev/null +++ b/Week-9/teamproject/index.html @@ -0,0 +1,156 @@ + + + + + + + + + Restaurants and Suchables + + + + + + + + + + + + + +
+
+ +
+
+
+ +
+
+
+
+ +
+
+
+
+

Local Favorite

+

Grimaldi's has proven to be a local favorite. Watch as they create their famous brick-oven perfection.

+
+
+
+ +
+
+

Contact Us

+
+ + + + + + +
+
+

Thank you. Your submission will be ignored in the order it was received.

+ + full name


+ email address


+ + + +
+ +
+
+ + + diff --git a/Week-9/teamproject/script/script.js b/Week-9/teamproject/script/script.js new file mode 100644 index 0000000..d5394ab --- /dev/null +++ b/Week-9/teamproject/script/script.js @@ -0,0 +1,11 @@ + +var $subbut = $('#subbut'); +var $magic = $('.magic'); + +$(document).ready(function() { +$('#subbut').click(function() { +$(".magic").show(); + +}); + +});