diff --git a/Week-1/bio/css/bio.css b/Week-1/bio/css/bio.css
new file mode 100644
index 0000000..3f99ac8
--- /dev/null
+++ b/Week-1/bio/css/bio.css
@@ -0,0 +1,42 @@
+body {
+ background-color:#d2d4d8;
+ margin:0 auto;
+ max-width: 600px;
+}
+
+#elname {
+ font-size: 50px;
+ margin-bottom: 0;
+ background-color: white;
+ margin-left: 200px;
+}
+.spname {
+ font-size: 65px;
+}
+
+#email {
+ font-size: 20px;
+ margin-top: 0;
+ background-color: white;
+ height: 30px;
+}
+
+section {
+ background-color: #6488c1;
+ margin-top: -25px;
+ color: white;
+ padding: 10px;
+}
+
+#elimg {
+ width: 250px;
+ height: 245px;
+ float: left;
+ margin-right: 10px;
+ border-radius: 25px;
+ position: relative;
+}
+
+p {
+ font-family: cursive;
+}
diff --git a/Week-1/bio/images/el.jpg b/Week-1/bio/images/el.jpg
new file mode 100644
index 0000000..18fde6f
Binary files /dev/null and b/Week-1/bio/images/el.jpg differ
diff --git a/Week-1/bio/index.html b/Week-1/bio/index.html
index e69de29..a4349ff 100644
--- a/Week-1/bio/index.html
+++ b/Week-1/bio/index.html
@@ -0,0 +1,37 @@
+
+
+
+
+ Eric Leon Bio
+
+
+
+
+
+
+
+
+ E RIC L EON
+ Eleon_2006@yahoo.com
+
+
+
+ I was born in Guanajuato, Mexico and lived in Dallas from five until I turned ten,
+ then I moved back to Mexico, came back five years later and been here since then, now
+ I only travel for weeks and not years. I am now pursuing a career in development.
+ In the effort to do so, I am completing core classes at DCCCD with hopes to transfer
+ over to the University of Texas in Dallas to complete my major in Software Engineering.
+ In addition to DCCCD, I am also the Dallas Coding Academy, and I will obtain a
+ certification in .Net programming. I obtained two degrees, Network System Administration
+ and Software Development from ITT Tech, but we all know what that is worth.
+ I currently work for National Math and Science Initiative, a non-profit dedicated to
+ improving STEM education in the US; my role is Desktop Support with a plan to move to a
+ software development position by the end of the year. My Goal is to become a Senior
+ Software Engineer and eventually a Director of Software Development while discovering
+ and developing the best new app. In addition to coding I also love outdoor activities
+ with my son and playing soccer, I am trying to keep him away from video games and TV.
+
+
+
+
+
diff --git a/Week-1/index.html b/Week-1/index.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Week-1/resume/css/resume.css b/Week-1/resume/css/resume.css
new file mode 100644
index 0000000..47e2d48
--- /dev/null
+++ b/Week-1/resume/css/resume.css
@@ -0,0 +1,84 @@
+body {
+ background-color:#d2d4d8;
+ margin:0 auto;
+ margin-bottom: 50px;
+ max-width: 1100px;
+ padding-bottom: 10px;
+ padding: 5px;
+ border: dotted black 1px;
+}
+
+p {
+ font-family: cursive;
+ margin-bottom: 0;
+}
+
+li {
+ font-family: cursive;
+}
+
+hr {
+ height: 2px;
+ background-color: #6d7177;
+}
+
+ul {
+ margin-top: 0;
+}
+
+header hr {
+ height: 5px;
+}
+
+header{
+ margin-bottom: 40px;
+}
+#elimg {
+ width: 250px;
+ height: 245px;
+ float: right;
+ margin: 0 0 1em 1em;
+}
+
+footer {
+ position: fixed;
+ bottom: 0;
+ left:0;
+ height: 50px;
+ width: 100%;
+ text-align: center;
+ background-color: #6c727a;
+ color: white;
+}
+
+.box {
+ display: inline-block;
+ margin-top: 0;
+}
+
+#box2 {
+ display: inline-block;
+ margin-left: 20em;
+}
+span {
+ font-size: 33px;
+}
+
+#elname {
+ font-size: 50px;
+ margin-bottom: 0;
+}
+.spname {
+ font-size: 65px;
+}
+
+#email {
+ font-size: 20px;
+ margin-top: 0;
+}
+
+.worktitle {
+ font-family: sans-serif;
+ font-size: 21px;
+ font-weight: bold;
+}
diff --git a/Week-1/resume/images/el.jpg b/Week-1/resume/images/el.jpg
new file mode 100644
index 0000000..18fde6f
Binary files /dev/null and b/Week-1/resume/images/el.jpg differ
diff --git a/Week-1/resume/index.html b/Week-1/resume/index.html
index e69de29..94ee47f 100644
--- a/Week-1/resume/index.html
+++ b/Week-1/resume/index.html
@@ -0,0 +1,131 @@
+
+
+
+
+ Eric Leon - Resume
+
+
+
+
+
+
+
+
+ E RIC L EON
+ Eleon_2006@yahoo.com
+
+ ♦ 5927 Hollis ave. ♦ Dallas, Texas, 75227 ♦ United States
+ ♦ P:469.230.3858 ♦ O:214.525.3029
+
+
+
+
+
+ P ROFESSIONAL S UMMARY
+ A passionate, detail oriented problem solver with an intense desire to learn.
+ Looking to join an organization that is equally passionate about learning and growing
+ both their organization and their people.
+
+
+
+
+
+ S KILLS
+
+ Entry level SharePoint administration and Design
+ Entry level HTML, CSS, Javascript, SQL Server
+ O365 administration
+ Entry level to AD, DNS, DHCP, Print, and Group policy servers
+
+
+ Interpersonal skills
+ Fast learner
+ Work well in a team or individually
+ Multitask
+
+
+
+
+
+
+ W ORK H ISTORY
+ Help Desk Analyst, 05/2015 to Current
+ National Math and Science Initiative – Dallas, TX
+
+ Managed call flow and responded to technical support needs of customers.
+ Provided base level IT support to non-technical personnel within the business.
+ Installed software, modified and repaired hardware and resolved technical issues.
+ Identified and solved technical issues with a variety of diagnostic tools.
+ Resolved customer issues in a clear, courteous and straightforward manner.
+ Demonstrated professionalism and courtesy with customers at all times.
+ Resolved problems with malfunctioning products.
+ Followed up with clients to ensure optimal customer satisfaction.
+
+ Bar/floor Manager, 03/2012 to 05/2015
+ Dee Lincolns – Dallas, TX
+
+ Carefully interviewed, selected, trained and supervised staff.
+ Interacted positively with customers
+ Correctly calculated inventory and ordered appropriate supplies.
+ Recognized and formally acknowledged outstanding staff performance to
+ boost company morale and productivity.
+ Promoted a positive atmosphere and went above and beyond to guarantee each customer
+ received exceptional food and service.
+ Led and directed team members on effective methods, operations and procedures.
+ Oversaw front of house personnel to maintain adequate staffing and minimize overtime.
+ Trained new wmployees
+
+ Bar Manager, 02/2009 to 03/2012
+ Bella Bar Restaurant – Dallas, TX
+
+ Waited on multiple customers at the bar and throughout the bar area.
+ Managed bar revenues, ensuring that all patrons were billed and all cash properly accounted for.
+ Managed strict beverage control to minimize waste.
+ Processed orders on a computerized Point of Sale system.
+ Managed bar inventory and bar employees.
+ Worked most positions from back to front of the house
+ Training of new employees.
+ Supervised store
+
+
+
+
+
+
+ E DUCATION
+ Associate of Science: Network System Administration, 2014
+ ITT-Tech - Richardson, TX
+
+ 3.98 GPA
+ Graduated with honors
+
+ Associate of Science: Software Development, 2015
+ ITT-Tech - Richardson, TX
+
+ 3.98 GPA
+ Graduated with honors
+
+ Bachelor of Science: Software Engineering, Current
+ Eastfield Community College - Mesquite, TX
+ .Net Certification .Net Developer, Current
+ Dallas Coding Academy - Addison, TX
+
+
+
+
+
+ C ERTIFICATIONS
+
+ Microsoft SharePoint Designer 2013
+ Microsoft SharePoint Site Administrator
+ Microsoft SharePoint Site Owner
+ Microsoft Dynamics CRM Black Belt
+
+
+
+
+
+
+
diff --git a/Week-10/Json/index.html b/Week-10/Json/index.html
new file mode 100644
index 0000000..1d96d01
--- /dev/null
+++ b/Week-10/Json/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+ Json
+
+
+
+
+
+
+
+
+
+
+ User ID
+ ID
+ Title
+ Body
+
+
+
+
+
diff --git a/Week-10/Json/scripts.js b/Week-10/Json/scripts.js
new file mode 100644
index 0000000..181d0ea
--- /dev/null
+++ b/Week-10/Json/scripts.js
@@ -0,0 +1,13 @@
+$(document).ready(function(){
+ var root = 'http://jsonplaceholder.typicode.com';
+
+ $.ajax({
+ url: root + '/posts',
+ method: 'GET'
+ }).then(function(data) {
+ data.forEach(function(obj) {
+ var $row = ""+obj.id+" "+obj.userId+" "+obj.title+" "+obj.body+" ";
+ $("table").append($row);
+ });
+});
+});
diff --git a/Week-10/Json/styles.css b/Week-10/Json/styles.css
new file mode 100644
index 0000000..613ef51
--- /dev/null
+++ b/Week-10/Json/styles.css
@@ -0,0 +1,13 @@
+table {
+ margin-left: 20px;
+}
+
+table, tr, td, th {
+ border: 1px solid black;
+ padding: 5px;
+ background-color: white;
+}
+
+table {
+ background-color: grey;
+}
diff --git a/Week-10/tabs/img/sbook.jpg b/Week-10/tabs/img/sbook.jpg
new file mode 100644
index 0000000..9ea548d
Binary files /dev/null and b/Week-10/tabs/img/sbook.jpg differ
diff --git a/Week-10/tabs/img/sp4.jpg b/Week-10/tabs/img/sp4.jpg
new file mode 100644
index 0000000..ce78c82
Binary files /dev/null and b/Week-10/tabs/img/sp4.jpg differ
diff --git a/Week-10/tabs/img/sstudio.jpg b/Week-10/tabs/img/sstudio.jpg
new file mode 100644
index 0000000..f3f3ad9
Binary files /dev/null and b/Week-10/tabs/img/sstudio.jpg differ
diff --git a/Week-10/tabs/index.html b/Week-10/tabs/index.html
new file mode 100644
index 0000000..2009d9d
--- /dev/null
+++ b/Week-10/tabs/index.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+ jQuery UI Tabs - Default functionality
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Next
+
+
+
diff --git a/Week-1/bio/css/index.html b/Week-10/tabs/script.js
similarity index 100%
rename from Week-1/bio/css/index.html
rename to Week-10/tabs/script.js
diff --git a/Week-10/tabs/styles.css b/Week-10/tabs/styles.css
new file mode 100644
index 0000000..707cda2
--- /dev/null
+++ b/Week-10/tabs/styles.css
@@ -0,0 +1,15 @@
+.main-container {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+}
+
+ul{
+ display: flex;
+ list-style: none;
+ justify-content: space-between;
+}
+
+article {
+ display: flex;
+}
diff --git a/Week-2/Lists/css/style.css b/Week-2/Lists/css/style.css
new file mode 100644
index 0000000..50cd3c7
--- /dev/null
+++ b/Week-2/Lists/css/style.css
@@ -0,0 +1,7 @@
+body{
+ background-color: grey;
+}
+
+.list1 {
+ text-align: center;
+}
diff --git a/Week-2/Lists/index.html b/Week-2/Lists/index.html
index e69de29..e8e4d35 100644
--- a/Week-2/Lists/index.html
+++ b/Week-2/Lists/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+ List of things
+
+
+
+ 5 things I would like to learn in the class
+
+ Create pages that use new HTML5 tags like video, audio, etc
+ Learn JavaScript to add functionality to my page
+ Learn to style my page
+ Learn how to problem solve and think like a developer
+ Learn what a developer does outside of coding
+
+
+
diff --git a/Week-2/Write-a-Blog-Post/css/css-reset.css b/Week-2/Write-a-Blog-Post/css/css-reset.css
new file mode 100644
index 0000000..026c546
--- /dev/null
+++ b/Week-2/Write-a-Blog-Post/css/css-reset.css
@@ -0,0 +1,20 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
diff --git a/Week-2/Write-a-Blog-Post/css/styles.css b/Week-2/Write-a-Blog-Post/css/styles.css
new file mode 100644
index 0000000..5355359
--- /dev/null
+++ b/Week-2/Write-a-Blog-Post/css/styles.css
@@ -0,0 +1,80 @@
+body {
+ margin:0 auto;
+ margin-bottom: 50px;
+ max-width: 1300px;
+ padding-bottom: 10px;
+ padding: 5px;
+ background-color: #2663E5;
+}
+header {
+ text-align: center;
+ height: 5%;
+ color: white;
+}
+
+aside{
+ padding: 50px;
+ position: absolute;
+ bottom: 5%;
+ top: 9.2%;
+ width: 8%;
+ display: inline-block;
+}
+
+aside > ul{
+ list-style-type: none;
+ padding-left: 0;
+ padding-top: 20px;
+}
+nav {
+ position: relative;
+ left: 20%;
+ display: inline-block;
+ font-weight: bold;
+}
+nav > ul{
+ list-style-type: none;
+}
+
+nav > ul > li{
+ display: inline-block;
+ padding: 10px;
+ margin: 5px;
+ border: dotted black 1px;
+ background-color: white;
+}
+
+section.sec{
+ height: 600px;
+ padding-right: 250px;
+ background-color: white;
+}
+
+footer {
+ position: fixed;
+ bottom: 0;
+ left:0;
+ height: 50px;
+ width: 100%;
+ text-align: center;
+ background-color: #6c727a;
+ color: white;
+}
+
+.imgdiv{
+ position: relative;
+ left: 20%;
+ height: 150px;
+ width: 150px;
+ margin: 30px;
+ padding: 20 px;
+ float: left;
+}
+
+img{
+ height: 150px;
+ width: 150px;
+}
+p{
+ text-align: center;
+}
diff --git a/Week-2/Write-a-Blog-Post/images/allinone.jpg b/Week-2/Write-a-Blog-Post/images/allinone.jpg
new file mode 100644
index 0000000..b531495
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/allinone.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/desktop.jpg b/Week-2/Write-a-Blog-Post/images/desktop.jpg
new file mode 100644
index 0000000..fd5fdea
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/desktop.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/header.jpg b/Week-2/Write-a-Blog-Post/images/header.jpg
new file mode 100644
index 0000000..ba3c7e1
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/header.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/laptop.jpg b/Week-2/Write-a-Blog-Post/images/laptop.jpg
new file mode 100644
index 0000000..d216f44
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/laptop.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/monitor.jpg b/Week-2/Write-a-Blog-Post/images/monitor.jpg
new file mode 100644
index 0000000..002e8ec
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/monitor.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/mouse.jpg b/Week-2/Write-a-Blog-Post/images/mouse.jpg
new file mode 100644
index 0000000..33f4d32
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/mouse.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/printer.jpg b/Week-2/Write-a-Blog-Post/images/printer.jpg
new file mode 100644
index 0000000..a2c1566
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/printer.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/router.jpg b/Week-2/Write-a-Blog-Post/images/router.jpg
new file mode 100644
index 0000000..ae5b4e1
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/router.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/server.jpg b/Week-2/Write-a-Blog-Post/images/server.jpg
new file mode 100644
index 0000000..b1c3053
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/server.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/images/switch.jpg b/Week-2/Write-a-Blog-Post/images/switch.jpg
new file mode 100644
index 0000000..3d04cda
Binary files /dev/null and b/Week-2/Write-a-Blog-Post/images/switch.jpg differ
diff --git a/Week-2/Write-a-Blog-Post/index.html b/Week-2/Write-a-Blog-Post/index.html
index e69de29..ca5033c 100644
--- a/Week-2/Write-a-Blog-Post/index.html
+++ b/Week-2/Write-a-Blog-Post/index.html
@@ -0,0 +1,64 @@
+
+
+
+
+ Tech Shop
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Technology Blog by Eric Leon
+
+
+
diff --git a/Week-3/HWTable/css/styles.css b/Week-3/HWTable/css/styles.css
new file mode 100644
index 0000000..cf5545b
--- /dev/null
+++ b/Week-3/HWTable/css/styles.css
@@ -0,0 +1,32 @@
+table{
+ background-color: #0C2F4C;
+ color: White;
+}
+
+table, th, td {
+ border: 1px solid #1FCACB;
+ padding: 5px;
+ margin: 5px;
+}
+
+.title {
+ background-color: #2A80CB;
+ font-size: 37px;
+}
+
+.header {
+ background-color: #4B7294;
+ font-size: 28px;
+}
+
+.data {
+ background-color: #5493CB;
+ font-size: 22px;
+}
+
+.empty {
+ height: 50px;
+ width: 50px;
+ background-color: #5D62CB;
+ border: none;
+}
diff --git a/Week-3/HWTable/index.html b/Week-3/HWTable/index.html
new file mode 100644
index 0000000..c89e719
--- /dev/null
+++ b/Week-3/HWTable/index.html
@@ -0,0 +1,61 @@
+
+
+
+
+ Tables
+
+
+
+
+
+ Computers
+
+
+
+
+ Dell
+ E7270
+ Laptop
+ Windows
+ 10
+
+
+ Lenovo
+ ThinkPad
+ Laptop
+ Windows
+ 8.1
+
+
+ HP
+ Pavilion
+ Desktop
+ Windows
+ 7
+
+
+ Microsoft
+ Surface Book
+ Laptop
+ Windows
+ 10
+
+
+ Apple
+ Macbook Pro
+ Laptop
+ OS X
+ El Capitan
+
+
+
+
+
+
+
diff --git a/Week-3/Team-Project-3/CSS/style.css b/Week-3/Team-Project-3/CSS/style.css
new file mode 100644
index 0000000..2f41f90
--- /dev/null
+++ b/Week-3/Team-Project-3/CSS/style.css
@@ -0,0 +1,71 @@
+body {
+ background-image: url("../images/airline.jpg");
+ color: white;
+}
+
+.header{
+ height: 10%;
+ background-color: #003D4A;
+}
+
+.logo{
+ float: left;
+ background-color: #003D4A;
+}
+
+.nav {
+ float: right;
+ margin: 30px;
+ background-color: #003D4A;
+}
+
+.home{
+ float: left;
+ vertical-align: middle;
+ padding: 7px;
+ background-color: #003D4A;
+}
+
+.section{
+ float: left;
+ clear: left;
+ margin-left: 50px;
+ margin-top: 80px;
+ background-color: #203737;
+}
+
+.topofsec {
+ position: relative;
+ top:0;
+ left:0;
+ height: 50px;
+}
+
+.plane {
+ background-color: green;
+ padding-left: 30px;
+ padding-right: 30px;
+ float: left;
+ width: 33;
+}
+.controls {
+ float: left;
+ width: 45%;
+}
+
+input{
+ width: 100%;
+}
+.clear {
+ clear: left;
+}
+.search {
+ background-color: #203737;
+ margin: 15px;
+
+}
+
+.search > input {
+ background-color: blue;
+ border: solid #203737 1px;
+}
diff --git a/Week-3/Team-Project-3/airline.jpg b/Week-3/Team-Project-3/Images/airline.jpg
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/airline.jpg
rename to Week-3/Team-Project-3/Images/airline.jpg
diff --git a/Week-3/Team-Project-3/car-icon.png b/Week-3/Team-Project-3/Images/car-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/car-icon.png
rename to Week-3/Team-Project-3/Images/car-icon.png
diff --git a/Week-3/Team-Project-3/deal-icon.png b/Week-3/Team-Project-3/Images/deal-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/deal-icon.png
rename to Week-3/Team-Project-3/Images/deal-icon.png
diff --git a/Week-3/Team-Project-3/home-icon.png b/Week-3/Team-Project-3/Images/home-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/home-icon.png
rename to Week-3/Team-Project-3/Images/home-icon.png
diff --git a/Week-3/Team-Project-3/hotel-icon.png b/Week-3/Team-Project-3/Images/hotel-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/hotel-icon.png
rename to Week-3/Team-Project-3/Images/hotel-icon.png
diff --git a/Week-3/Team-Project-3/login-icon.png b/Week-3/Team-Project-3/Images/login-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/login-icon.png
rename to Week-3/Team-Project-3/Images/login-icon.png
diff --git a/Week-3/Team-Project-3/logo.png b/Week-3/Team-Project-3/Images/logo.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/logo.png
rename to Week-3/Team-Project-3/Images/logo.png
diff --git a/Week-3/Team-Project-3/page_design.png b/Week-3/Team-Project-3/Images/page_design.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/page_design.png
rename to Week-3/Team-Project-3/Images/page_design.png
diff --git a/Week-3/Team-Project-3/plane-icon.png b/Week-3/Team-Project-3/Images/plane-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/plane-icon.png
rename to Week-3/Team-Project-3/Images/plane-icon.png
diff --git a/Week-3/Team-Project-3/schedule-icon.png b/Week-3/Team-Project-3/Images/schedule-icon.png
old mode 100755
new mode 100644
similarity index 100%
rename from Week-3/Team-Project-3/schedule-icon.png
rename to Week-3/Team-Project-3/Images/schedule-icon.png
diff --git a/Week-3/Team-Project-3/Index.html b/Week-3/Team-Project-3/Index.html
new file mode 100644
index 0000000..00c904a
--- /dev/null
+++ b/Week-3/Team-Project-3/Index.html
@@ -0,0 +1,77 @@
+
+
+
+
+ Project 3
+
+
+
+
+
+
+
+
diff --git a/Week-3/Team-Project-4/css/font-awesome.css b/Week-3/Team-Project-4/css/font-awesome.css
new file mode 100644
index 0000000..ee906a8
--- /dev/null
+++ b/Week-3/Team-Project-4/css/font-awesome.css
@@ -0,0 +1,2337 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
+ src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+.fa {
+ display: inline-block;
+ font: normal normal normal 14px/1 FontAwesome;
+ font-size: inherit;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+ font-size: 1.33333333em;
+ line-height: 0.75em;
+ vertical-align: -15%;
+}
+.fa-2x {
+ font-size: 2em;
+}
+.fa-3x {
+ font-size: 3em;
+}
+.fa-4x {
+ font-size: 4em;
+}
+.fa-5x {
+ font-size: 5em;
+}
+.fa-fw {
+ width: 1.28571429em;
+ text-align: center;
+}
+.fa-ul {
+ padding-left: 0;
+ margin-left: 2.14285714em;
+ list-style-type: none;
+}
+.fa-ul > li {
+ position: relative;
+}
+.fa-li {
+ position: absolute;
+ left: -2.14285714em;
+ width: 2.14285714em;
+ top: 0.14285714em;
+ text-align: center;
+}
+.fa-li.fa-lg {
+ left: -1.85714286em;
+}
+.fa-border {
+ padding: .2em .25em .15em;
+ border: solid 0.08em #eeeeee;
+ border-radius: .1em;
+}
+.fa-pull-left {
+ float: left;
+}
+.fa-pull-right {
+ float: right;
+}
+.fa.fa-pull-left {
+ margin-right: .3em;
+}
+.fa.fa-pull-right {
+ margin-left: .3em;
+}
+/* Deprecated as of 4.4.0 */
+.pull-right {
+ float: right;
+}
+.pull-left {
+ float: left;
+}
+.fa.pull-left {
+ margin-right: .3em;
+}
+.fa.pull-right {
+ margin-left: .3em;
+}
+.fa-spin {
+ -webkit-animation: fa-spin 2s infinite linear;
+ animation: fa-spin 2s infinite linear;
+}
+.fa-pulse {
+ -webkit-animation: fa-spin 1s infinite steps(8);
+ animation: fa-spin 1s infinite steps(8);
+}
+@-webkit-keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes fa-spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+.fa-rotate-90 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+ -webkit-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+.fa-rotate-180 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+ -webkit-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.fa-rotate-270 {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+ -webkit-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+ -webkit-transform: scale(-1, 1);
+ -ms-transform: scale(-1, 1);
+ transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+ -webkit-transform: scale(1, -1);
+ -ms-transform: scale(1, -1);
+ transform: scale(1, -1);
+}
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+ filter: none;
+}
+.fa-stack {
+ position: relative;
+ display: inline-block;
+ width: 2em;
+ height: 2em;
+ line-height: 2em;
+ vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ text-align: center;
+}
+.fa-stack-1x {
+ line-height: inherit;
+}
+.fa-stack-2x {
+ font-size: 2em;
+}
+.fa-inverse {
+ color: #ffffff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+ readers do not read off random characters that represent icons */
+.fa-glass:before {
+ content: "\f000";
+}
+.fa-music:before {
+ content: "\f001";
+}
+.fa-search:before {
+ content: "\f002";
+}
+.fa-envelope-o:before {
+ content: "\f003";
+}
+.fa-heart:before {
+ content: "\f004";
+}
+.fa-star:before {
+ content: "\f005";
+}
+.fa-star-o:before {
+ content: "\f006";
+}
+.fa-user:before {
+ content: "\f007";
+}
+.fa-film:before {
+ content: "\f008";
+}
+.fa-th-large:before {
+ content: "\f009";
+}
+.fa-th:before {
+ content: "\f00a";
+}
+.fa-th-list:before {
+ content: "\f00b";
+}
+.fa-check:before {
+ content: "\f00c";
+}
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+ content: "\f00d";
+}
+.fa-search-plus:before {
+ content: "\f00e";
+}
+.fa-search-minus:before {
+ content: "\f010";
+}
+.fa-power-off:before {
+ content: "\f011";
+}
+.fa-signal:before {
+ content: "\f012";
+}
+.fa-gear:before,
+.fa-cog:before {
+ content: "\f013";
+}
+.fa-trash-o:before {
+ content: "\f014";
+}
+.fa-home:before {
+ content: "\f015";
+}
+.fa-file-o:before {
+ content: "\f016";
+}
+.fa-clock-o:before {
+ content: "\f017";
+}
+.fa-road:before {
+ content: "\f018";
+}
+.fa-download:before {
+ content: "\f019";
+}
+.fa-arrow-circle-o-down:before {
+ content: "\f01a";
+}
+.fa-arrow-circle-o-up:before {
+ content: "\f01b";
+}
+.fa-inbox:before {
+ content: "\f01c";
+}
+.fa-play-circle-o:before {
+ content: "\f01d";
+}
+.fa-rotate-right:before,
+.fa-repeat:before {
+ content: "\f01e";
+}
+.fa-refresh:before {
+ content: "\f021";
+}
+.fa-list-alt:before {
+ content: "\f022";
+}
+.fa-lock:before {
+ content: "\f023";
+}
+.fa-flag:before {
+ content: "\f024";
+}
+.fa-headphones:before {
+ content: "\f025";
+}
+.fa-volume-off:before {
+ content: "\f026";
+}
+.fa-volume-down:before {
+ content: "\f027";
+}
+.fa-volume-up:before {
+ content: "\f028";
+}
+.fa-qrcode:before {
+ content: "\f029";
+}
+.fa-barcode:before {
+ content: "\f02a";
+}
+.fa-tag:before {
+ content: "\f02b";
+}
+.fa-tags:before {
+ content: "\f02c";
+}
+.fa-book:before {
+ content: "\f02d";
+}
+.fa-bookmark:before {
+ content: "\f02e";
+}
+.fa-print:before {
+ content: "\f02f";
+}
+.fa-camera:before {
+ content: "\f030";
+}
+.fa-font:before {
+ content: "\f031";
+}
+.fa-bold:before {
+ content: "\f032";
+}
+.fa-italic:before {
+ content: "\f033";
+}
+.fa-text-height:before {
+ content: "\f034";
+}
+.fa-text-width:before {
+ content: "\f035";
+}
+.fa-align-left:before {
+ content: "\f036";
+}
+.fa-align-center:before {
+ content: "\f037";
+}
+.fa-align-right:before {
+ content: "\f038";
+}
+.fa-align-justify:before {
+ content: "\f039";
+}
+.fa-list:before {
+ content: "\f03a";
+}
+.fa-dedent:before,
+.fa-outdent:before {
+ content: "\f03b";
+}
+.fa-indent:before {
+ content: "\f03c";
+}
+.fa-video-camera:before {
+ content: "\f03d";
+}
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+ content: "\f03e";
+}
+.fa-pencil:before {
+ content: "\f040";
+}
+.fa-map-marker:before {
+ content: "\f041";
+}
+.fa-adjust:before {
+ content: "\f042";
+}
+.fa-tint:before {
+ content: "\f043";
+}
+.fa-edit:before,
+.fa-pencil-square-o:before {
+ content: "\f044";
+}
+.fa-share-square-o:before {
+ content: "\f045";
+}
+.fa-check-square-o:before {
+ content: "\f046";
+}
+.fa-arrows:before {
+ content: "\f047";
+}
+.fa-step-backward:before {
+ content: "\f048";
+}
+.fa-fast-backward:before {
+ content: "\f049";
+}
+.fa-backward:before {
+ content: "\f04a";
+}
+.fa-play:before {
+ content: "\f04b";
+}
+.fa-pause:before {
+ content: "\f04c";
+}
+.fa-stop:before {
+ content: "\f04d";
+}
+.fa-forward:before {
+ content: "\f04e";
+}
+.fa-fast-forward:before {
+ content: "\f050";
+}
+.fa-step-forward:before {
+ content: "\f051";
+}
+.fa-eject:before {
+ content: "\f052";
+}
+.fa-chevron-left:before {
+ content: "\f053";
+}
+.fa-chevron-right:before {
+ content: "\f054";
+}
+.fa-plus-circle:before {
+ content: "\f055";
+}
+.fa-minus-circle:before {
+ content: "\f056";
+}
+.fa-times-circle:before {
+ content: "\f057";
+}
+.fa-check-circle:before {
+ content: "\f058";
+}
+.fa-question-circle:before {
+ content: "\f059";
+}
+.fa-info-circle:before {
+ content: "\f05a";
+}
+.fa-crosshairs:before {
+ content: "\f05b";
+}
+.fa-times-circle-o:before {
+ content: "\f05c";
+}
+.fa-check-circle-o:before {
+ content: "\f05d";
+}
+.fa-ban:before {
+ content: "\f05e";
+}
+.fa-arrow-left:before {
+ content: "\f060";
+}
+.fa-arrow-right:before {
+ content: "\f061";
+}
+.fa-arrow-up:before {
+ content: "\f062";
+}
+.fa-arrow-down:before {
+ content: "\f063";
+}
+.fa-mail-forward:before,
+.fa-share:before {
+ content: "\f064";
+}
+.fa-expand:before {
+ content: "\f065";
+}
+.fa-compress:before {
+ content: "\f066";
+}
+.fa-plus:before {
+ content: "\f067";
+}
+.fa-minus:before {
+ content: "\f068";
+}
+.fa-asterisk:before {
+ content: "\f069";
+}
+.fa-exclamation-circle:before {
+ content: "\f06a";
+}
+.fa-gift:before {
+ content: "\f06b";
+}
+.fa-leaf:before {
+ content: "\f06c";
+}
+.fa-fire:before {
+ content: "\f06d";
+}
+.fa-eye:before {
+ content: "\f06e";
+}
+.fa-eye-slash:before {
+ content: "\f070";
+}
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+ content: "\f071";
+}
+.fa-plane:before {
+ content: "\f072";
+}
+.fa-calendar:before {
+ content: "\f073";
+}
+.fa-random:before {
+ content: "\f074";
+}
+.fa-comment:before {
+ content: "\f075";
+}
+.fa-magnet:before {
+ content: "\f076";
+}
+.fa-chevron-up:before {
+ content: "\f077";
+}
+.fa-chevron-down:before {
+ content: "\f078";
+}
+.fa-retweet:before {
+ content: "\f079";
+}
+.fa-shopping-cart:before {
+ content: "\f07a";
+}
+.fa-folder:before {
+ content: "\f07b";
+}
+.fa-folder-open:before {
+ content: "\f07c";
+}
+.fa-arrows-v:before {
+ content: "\f07d";
+}
+.fa-arrows-h:before {
+ content: "\f07e";
+}
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+ content: "\f080";
+}
+.fa-twitter-square:before {
+ content: "\f081";
+}
+.fa-facebook-square:before {
+ content: "\f082";
+}
+.fa-camera-retro:before {
+ content: "\f083";
+}
+.fa-key:before {
+ content: "\f084";
+}
+.fa-gears:before,
+.fa-cogs:before {
+ content: "\f085";
+}
+.fa-comments:before {
+ content: "\f086";
+}
+.fa-thumbs-o-up:before {
+ content: "\f087";
+}
+.fa-thumbs-o-down:before {
+ content: "\f088";
+}
+.fa-star-half:before {
+ content: "\f089";
+}
+.fa-heart-o:before {
+ content: "\f08a";
+}
+.fa-sign-out:before {
+ content: "\f08b";
+}
+.fa-linkedin-square:before {
+ content: "\f08c";
+}
+.fa-thumb-tack:before {
+ content: "\f08d";
+}
+.fa-external-link:before {
+ content: "\f08e";
+}
+.fa-sign-in:before {
+ content: "\f090";
+}
+.fa-trophy:before {
+ content: "\f091";
+}
+.fa-github-square:before {
+ content: "\f092";
+}
+.fa-upload:before {
+ content: "\f093";
+}
+.fa-lemon-o:before {
+ content: "\f094";
+}
+.fa-phone:before {
+ content: "\f095";
+}
+.fa-square-o:before {
+ content: "\f096";
+}
+.fa-bookmark-o:before {
+ content: "\f097";
+}
+.fa-phone-square:before {
+ content: "\f098";
+}
+.fa-twitter:before {
+ content: "\f099";
+}
+.fa-facebook-f:before,
+.fa-facebook:before {
+ content: "\f09a";
+}
+.fa-github:before {
+ content: "\f09b";
+}
+.fa-unlock:before {
+ content: "\f09c";
+}
+.fa-credit-card:before {
+ content: "\f09d";
+}
+.fa-feed:before,
+.fa-rss:before {
+ content: "\f09e";
+}
+.fa-hdd-o:before {
+ content: "\f0a0";
+}
+.fa-bullhorn:before {
+ content: "\f0a1";
+}
+.fa-bell:before {
+ content: "\f0f3";
+}
+.fa-certificate:before {
+ content: "\f0a3";
+}
+.fa-hand-o-right:before {
+ content: "\f0a4";
+}
+.fa-hand-o-left:before {
+ content: "\f0a5";
+}
+.fa-hand-o-up:before {
+ content: "\f0a6";
+}
+.fa-hand-o-down:before {
+ content: "\f0a7";
+}
+.fa-arrow-circle-left:before {
+ content: "\f0a8";
+}
+.fa-arrow-circle-right:before {
+ content: "\f0a9";
+}
+.fa-arrow-circle-up:before {
+ content: "\f0aa";
+}
+.fa-arrow-circle-down:before {
+ content: "\f0ab";
+}
+.fa-globe:before {
+ content: "\f0ac";
+}
+.fa-wrench:before {
+ content: "\f0ad";
+}
+.fa-tasks:before {
+ content: "\f0ae";
+}
+.fa-filter:before {
+ content: "\f0b0";
+}
+.fa-briefcase:before {
+ content: "\f0b1";
+}
+.fa-arrows-alt:before {
+ content: "\f0b2";
+}
+.fa-group:before,
+.fa-users:before {
+ content: "\f0c0";
+}
+.fa-chain:before,
+.fa-link:before {
+ content: "\f0c1";
+}
+.fa-cloud:before {
+ content: "\f0c2";
+}
+.fa-flask:before {
+ content: "\f0c3";
+}
+.fa-cut:before,
+.fa-scissors:before {
+ content: "\f0c4";
+}
+.fa-copy:before,
+.fa-files-o:before {
+ content: "\f0c5";
+}
+.fa-paperclip:before {
+ content: "\f0c6";
+}
+.fa-save:before,
+.fa-floppy-o:before {
+ content: "\f0c7";
+}
+.fa-square:before {
+ content: "\f0c8";
+}
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+ content: "\f0c9";
+}
+.fa-list-ul:before {
+ content: "\f0ca";
+}
+.fa-list-ol:before {
+ content: "\f0cb";
+}
+.fa-strikethrough:before {
+ content: "\f0cc";
+}
+.fa-underline:before {
+ content: "\f0cd";
+}
+.fa-table:before {
+ content: "\f0ce";
+}
+.fa-magic:before {
+ content: "\f0d0";
+}
+.fa-truck:before {
+ content: "\f0d1";
+}
+.fa-pinterest:before {
+ content: "\f0d2";
+}
+.fa-pinterest-square:before {
+ content: "\f0d3";
+}
+.fa-google-plus-square:before {
+ content: "\f0d4";
+}
+.fa-google-plus:before {
+ content: "\f0d5";
+}
+.fa-money:before {
+ content: "\f0d6";
+}
+.fa-caret-down:before {
+ content: "\f0d7";
+}
+.fa-caret-up:before {
+ content: "\f0d8";
+}
+.fa-caret-left:before {
+ content: "\f0d9";
+}
+.fa-caret-right:before {
+ content: "\f0da";
+}
+.fa-columns:before {
+ content: "\f0db";
+}
+.fa-unsorted:before,
+.fa-sort:before {
+ content: "\f0dc";
+}
+.fa-sort-down:before,
+.fa-sort-desc:before {
+ content: "\f0dd";
+}
+.fa-sort-up:before,
+.fa-sort-asc:before {
+ content: "\f0de";
+}
+.fa-envelope:before {
+ content: "\f0e0";
+}
+.fa-linkedin:before {
+ content: "\f0e1";
+}
+.fa-rotate-left:before,
+.fa-undo:before {
+ content: "\f0e2";
+}
+.fa-legal:before,
+.fa-gavel:before {
+ content: "\f0e3";
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+ content: "\f0e4";
+}
+.fa-comment-o:before {
+ content: "\f0e5";
+}
+.fa-comments-o:before {
+ content: "\f0e6";
+}
+.fa-flash:before,
+.fa-bolt:before {
+ content: "\f0e7";
+}
+.fa-sitemap:before {
+ content: "\f0e8";
+}
+.fa-umbrella:before {
+ content: "\f0e9";
+}
+.fa-paste:before,
+.fa-clipboard:before {
+ content: "\f0ea";
+}
+.fa-lightbulb-o:before {
+ content: "\f0eb";
+}
+.fa-exchange:before {
+ content: "\f0ec";
+}
+.fa-cloud-download:before {
+ content: "\f0ed";
+}
+.fa-cloud-upload:before {
+ content: "\f0ee";
+}
+.fa-user-md:before {
+ content: "\f0f0";
+}
+.fa-stethoscope:before {
+ content: "\f0f1";
+}
+.fa-suitcase:before {
+ content: "\f0f2";
+}
+.fa-bell-o:before {
+ content: "\f0a2";
+}
+.fa-coffee:before {
+ content: "\f0f4";
+}
+.fa-cutlery:before {
+ content: "\f0f5";
+}
+.fa-file-text-o:before {
+ content: "\f0f6";
+}
+.fa-building-o:before {
+ content: "\f0f7";
+}
+.fa-hospital-o:before {
+ content: "\f0f8";
+}
+.fa-ambulance:before {
+ content: "\f0f9";
+}
+.fa-medkit:before {
+ content: "\f0fa";
+}
+.fa-fighter-jet:before {
+ content: "\f0fb";
+}
+.fa-beer:before {
+ content: "\f0fc";
+}
+.fa-h-square:before {
+ content: "\f0fd";
+}
+.fa-plus-square:before {
+ content: "\f0fe";
+}
+.fa-angle-double-left:before {
+ content: "\f100";
+}
+.fa-angle-double-right:before {
+ content: "\f101";
+}
+.fa-angle-double-up:before {
+ content: "\f102";
+}
+.fa-angle-double-down:before {
+ content: "\f103";
+}
+.fa-angle-left:before {
+ content: "\f104";
+}
+.fa-angle-right:before {
+ content: "\f105";
+}
+.fa-angle-up:before {
+ content: "\f106";
+}
+.fa-angle-down:before {
+ content: "\f107";
+}
+.fa-desktop:before {
+ content: "\f108";
+}
+.fa-laptop:before {
+ content: "\f109";
+}
+.fa-tablet:before {
+ content: "\f10a";
+}
+.fa-mobile-phone:before,
+.fa-mobile:before {
+ content: "\f10b";
+}
+.fa-circle-o:before {
+ content: "\f10c";
+}
+.fa-quote-left:before {
+ content: "\f10d";
+}
+.fa-quote-right:before {
+ content: "\f10e";
+}
+.fa-spinner:before {
+ content: "\f110";
+}
+.fa-circle:before {
+ content: "\f111";
+}
+.fa-mail-reply:before,
+.fa-reply:before {
+ content: "\f112";
+}
+.fa-github-alt:before {
+ content: "\f113";
+}
+.fa-folder-o:before {
+ content: "\f114";
+}
+.fa-folder-open-o:before {
+ content: "\f115";
+}
+.fa-smile-o:before {
+ content: "\f118";
+}
+.fa-frown-o:before {
+ content: "\f119";
+}
+.fa-meh-o:before {
+ content: "\f11a";
+}
+.fa-gamepad:before {
+ content: "\f11b";
+}
+.fa-keyboard-o:before {
+ content: "\f11c";
+}
+.fa-flag-o:before {
+ content: "\f11d";
+}
+.fa-flag-checkered:before {
+ content: "\f11e";
+}
+.fa-terminal:before {
+ content: "\f120";
+}
+.fa-code:before {
+ content: "\f121";
+}
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+ content: "\f122";
+}
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+ content: "\f123";
+}
+.fa-location-arrow:before {
+ content: "\f124";
+}
+.fa-crop:before {
+ content: "\f125";
+}
+.fa-code-fork:before {
+ content: "\f126";
+}
+.fa-unlink:before,
+.fa-chain-broken:before {
+ content: "\f127";
+}
+.fa-question:before {
+ content: "\f128";
+}
+.fa-info:before {
+ content: "\f129";
+}
+.fa-exclamation:before {
+ content: "\f12a";
+}
+.fa-superscript:before {
+ content: "\f12b";
+}
+.fa-subscript:before {
+ content: "\f12c";
+}
+.fa-eraser:before {
+ content: "\f12d";
+}
+.fa-puzzle-piece:before {
+ content: "\f12e";
+}
+.fa-microphone:before {
+ content: "\f130";
+}
+.fa-microphone-slash:before {
+ content: "\f131";
+}
+.fa-shield:before {
+ content: "\f132";
+}
+.fa-calendar-o:before {
+ content: "\f133";
+}
+.fa-fire-extinguisher:before {
+ content: "\f134";
+}
+.fa-rocket:before {
+ content: "\f135";
+}
+.fa-maxcdn:before {
+ content: "\f136";
+}
+.fa-chevron-circle-left:before {
+ content: "\f137";
+}
+.fa-chevron-circle-right:before {
+ content: "\f138";
+}
+.fa-chevron-circle-up:before {
+ content: "\f139";
+}
+.fa-chevron-circle-down:before {
+ content: "\f13a";
+}
+.fa-html5:before {
+ content: "\f13b";
+}
+.fa-css3:before {
+ content: "\f13c";
+}
+.fa-anchor:before {
+ content: "\f13d";
+}
+.fa-unlock-alt:before {
+ content: "\f13e";
+}
+.fa-bullseye:before {
+ content: "\f140";
+}
+.fa-ellipsis-h:before {
+ content: "\f141";
+}
+.fa-ellipsis-v:before {
+ content: "\f142";
+}
+.fa-rss-square:before {
+ content: "\f143";
+}
+.fa-play-circle:before {
+ content: "\f144";
+}
+.fa-ticket:before {
+ content: "\f145";
+}
+.fa-minus-square:before {
+ content: "\f146";
+}
+.fa-minus-square-o:before {
+ content: "\f147";
+}
+.fa-level-up:before {
+ content: "\f148";
+}
+.fa-level-down:before {
+ content: "\f149";
+}
+.fa-check-square:before {
+ content: "\f14a";
+}
+.fa-pencil-square:before {
+ content: "\f14b";
+}
+.fa-external-link-square:before {
+ content: "\f14c";
+}
+.fa-share-square:before {
+ content: "\f14d";
+}
+.fa-compass:before {
+ content: "\f14e";
+}
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+ content: "\f150";
+}
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+ content: "\f151";
+}
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+ content: "\f152";
+}
+.fa-euro:before,
+.fa-eur:before {
+ content: "\f153";
+}
+.fa-gbp:before {
+ content: "\f154";
+}
+.fa-dollar:before,
+.fa-usd:before {
+ content: "\f155";
+}
+.fa-rupee:before,
+.fa-inr:before {
+ content: "\f156";
+}
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+ content: "\f157";
+}
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+ content: "\f158";
+}
+.fa-won:before,
+.fa-krw:before {
+ content: "\f159";
+}
+.fa-bitcoin:before,
+.fa-btc:before {
+ content: "\f15a";
+}
+.fa-file:before {
+ content: "\f15b";
+}
+.fa-file-text:before {
+ content: "\f15c";
+}
+.fa-sort-alpha-asc:before {
+ content: "\f15d";
+}
+.fa-sort-alpha-desc:before {
+ content: "\f15e";
+}
+.fa-sort-amount-asc:before {
+ content: "\f160";
+}
+.fa-sort-amount-desc:before {
+ content: "\f161";
+}
+.fa-sort-numeric-asc:before {
+ content: "\f162";
+}
+.fa-sort-numeric-desc:before {
+ content: "\f163";
+}
+.fa-thumbs-up:before {
+ content: "\f164";
+}
+.fa-thumbs-down:before {
+ content: "\f165";
+}
+.fa-youtube-square:before {
+ content: "\f166";
+}
+.fa-youtube:before {
+ content: "\f167";
+}
+.fa-xing:before {
+ content: "\f168";
+}
+.fa-xing-square:before {
+ content: "\f169";
+}
+.fa-youtube-play:before {
+ content: "\f16a";
+}
+.fa-dropbox:before {
+ content: "\f16b";
+}
+.fa-stack-overflow:before {
+ content: "\f16c";
+}
+.fa-instagram:before {
+ content: "\f16d";
+}
+.fa-flickr:before {
+ content: "\f16e";
+}
+.fa-adn:before {
+ content: "\f170";
+}
+.fa-bitbucket:before {
+ content: "\f171";
+}
+.fa-bitbucket-square:before {
+ content: "\f172";
+}
+.fa-tumblr:before {
+ content: "\f173";
+}
+.fa-tumblr-square:before {
+ content: "\f174";
+}
+.fa-long-arrow-down:before {
+ content: "\f175";
+}
+.fa-long-arrow-up:before {
+ content: "\f176";
+}
+.fa-long-arrow-left:before {
+ content: "\f177";
+}
+.fa-long-arrow-right:before {
+ content: "\f178";
+}
+.fa-apple:before {
+ content: "\f179";
+}
+.fa-windows:before {
+ content: "\f17a";
+}
+.fa-android:before {
+ content: "\f17b";
+}
+.fa-linux:before {
+ content: "\f17c";
+}
+.fa-dribbble:before {
+ content: "\f17d";
+}
+.fa-skype:before {
+ content: "\f17e";
+}
+.fa-foursquare:before {
+ content: "\f180";
+}
+.fa-trello:before {
+ content: "\f181";
+}
+.fa-female:before {
+ content: "\f182";
+}
+.fa-male:before {
+ content: "\f183";
+}
+.fa-gittip:before,
+.fa-gratipay:before {
+ content: "\f184";
+}
+.fa-sun-o:before {
+ content: "\f185";
+}
+.fa-moon-o:before {
+ content: "\f186";
+}
+.fa-archive:before {
+ content: "\f187";
+}
+.fa-bug:before {
+ content: "\f188";
+}
+.fa-vk:before {
+ content: "\f189";
+}
+.fa-weibo:before {
+ content: "\f18a";
+}
+.fa-renren:before {
+ content: "\f18b";
+}
+.fa-pagelines:before {
+ content: "\f18c";
+}
+.fa-stack-exchange:before {
+ content: "\f18d";
+}
+.fa-arrow-circle-o-right:before {
+ content: "\f18e";
+}
+.fa-arrow-circle-o-left:before {
+ content: "\f190";
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+ content: "\f191";
+}
+.fa-dot-circle-o:before {
+ content: "\f192";
+}
+.fa-wheelchair:before {
+ content: "\f193";
+}
+.fa-vimeo-square:before {
+ content: "\f194";
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+ content: "\f195";
+}
+.fa-plus-square-o:before {
+ content: "\f196";
+}
+.fa-space-shuttle:before {
+ content: "\f197";
+}
+.fa-slack:before {
+ content: "\f198";
+}
+.fa-envelope-square:before {
+ content: "\f199";
+}
+.fa-wordpress:before {
+ content: "\f19a";
+}
+.fa-openid:before {
+ content: "\f19b";
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+ content: "\f19c";
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+ content: "\f19d";
+}
+.fa-yahoo:before {
+ content: "\f19e";
+}
+.fa-google:before {
+ content: "\f1a0";
+}
+.fa-reddit:before {
+ content: "\f1a1";
+}
+.fa-reddit-square:before {
+ content: "\f1a2";
+}
+.fa-stumbleupon-circle:before {
+ content: "\f1a3";
+}
+.fa-stumbleupon:before {
+ content: "\f1a4";
+}
+.fa-delicious:before {
+ content: "\f1a5";
+}
+.fa-digg:before {
+ content: "\f1a6";
+}
+.fa-pied-piper-pp:before {
+ content: "\f1a7";
+}
+.fa-pied-piper-alt:before {
+ content: "\f1a8";
+}
+.fa-drupal:before {
+ content: "\f1a9";
+}
+.fa-joomla:before {
+ content: "\f1aa";
+}
+.fa-language:before {
+ content: "\f1ab";
+}
+.fa-fax:before {
+ content: "\f1ac";
+}
+.fa-building:before {
+ content: "\f1ad";
+}
+.fa-child:before {
+ content: "\f1ae";
+}
+.fa-paw:before {
+ content: "\f1b0";
+}
+.fa-spoon:before {
+ content: "\f1b1";
+}
+.fa-cube:before {
+ content: "\f1b2";
+}
+.fa-cubes:before {
+ content: "\f1b3";
+}
+.fa-behance:before {
+ content: "\f1b4";
+}
+.fa-behance-square:before {
+ content: "\f1b5";
+}
+.fa-steam:before {
+ content: "\f1b6";
+}
+.fa-steam-square:before {
+ content: "\f1b7";
+}
+.fa-recycle:before {
+ content: "\f1b8";
+}
+.fa-automobile:before,
+.fa-car:before {
+ content: "\f1b9";
+}
+.fa-cab:before,
+.fa-taxi:before {
+ content: "\f1ba";
+}
+.fa-tree:before {
+ content: "\f1bb";
+}
+.fa-spotify:before {
+ content: "\f1bc";
+}
+.fa-deviantart:before {
+ content: "\f1bd";
+}
+.fa-soundcloud:before {
+ content: "\f1be";
+}
+.fa-database:before {
+ content: "\f1c0";
+}
+.fa-file-pdf-o:before {
+ content: "\f1c1";
+}
+.fa-file-word-o:before {
+ content: "\f1c2";
+}
+.fa-file-excel-o:before {
+ content: "\f1c3";
+}
+.fa-file-powerpoint-o:before {
+ content: "\f1c4";
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+ content: "\f1c5";
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+ content: "\f1c6";
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+ content: "\f1c7";
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+ content: "\f1c8";
+}
+.fa-file-code-o:before {
+ content: "\f1c9";
+}
+.fa-vine:before {
+ content: "\f1ca";
+}
+.fa-codepen:before {
+ content: "\f1cb";
+}
+.fa-jsfiddle:before {
+ content: "\f1cc";
+}
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+ content: "\f1cd";
+}
+.fa-circle-o-notch:before {
+ content: "\f1ce";
+}
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+ content: "\f1d0";
+}
+.fa-ge:before,
+.fa-empire:before {
+ content: "\f1d1";
+}
+.fa-git-square:before {
+ content: "\f1d2";
+}
+.fa-git:before {
+ content: "\f1d3";
+}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+ content: "\f1d4";
+}
+.fa-tencent-weibo:before {
+ content: "\f1d5";
+}
+.fa-qq:before {
+ content: "\f1d6";
+}
+.fa-wechat:before,
+.fa-weixin:before {
+ content: "\f1d7";
+}
+.fa-send:before,
+.fa-paper-plane:before {
+ content: "\f1d8";
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+ content: "\f1d9";
+}
+.fa-history:before {
+ content: "\f1da";
+}
+.fa-circle-thin:before {
+ content: "\f1db";
+}
+.fa-header:before {
+ content: "\f1dc";
+}
+.fa-paragraph:before {
+ content: "\f1dd";
+}
+.fa-sliders:before {
+ content: "\f1de";
+}
+.fa-share-alt:before {
+ content: "\f1e0";
+}
+.fa-share-alt-square:before {
+ content: "\f1e1";
+}
+.fa-bomb:before {
+ content: "\f1e2";
+}
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+ content: "\f1e3";
+}
+.fa-tty:before {
+ content: "\f1e4";
+}
+.fa-binoculars:before {
+ content: "\f1e5";
+}
+.fa-plug:before {
+ content: "\f1e6";
+}
+.fa-slideshare:before {
+ content: "\f1e7";
+}
+.fa-twitch:before {
+ content: "\f1e8";
+}
+.fa-yelp:before {
+ content: "\f1e9";
+}
+.fa-newspaper-o:before {
+ content: "\f1ea";
+}
+.fa-wifi:before {
+ content: "\f1eb";
+}
+.fa-calculator:before {
+ content: "\f1ec";
+}
+.fa-paypal:before {
+ content: "\f1ed";
+}
+.fa-google-wallet:before {
+ content: "\f1ee";
+}
+.fa-cc-visa:before {
+ content: "\f1f0";
+}
+.fa-cc-mastercard:before {
+ content: "\f1f1";
+}
+.fa-cc-discover:before {
+ content: "\f1f2";
+}
+.fa-cc-amex:before {
+ content: "\f1f3";
+}
+.fa-cc-paypal:before {
+ content: "\f1f4";
+}
+.fa-cc-stripe:before {
+ content: "\f1f5";
+}
+.fa-bell-slash:before {
+ content: "\f1f6";
+}
+.fa-bell-slash-o:before {
+ content: "\f1f7";
+}
+.fa-trash:before {
+ content: "\f1f8";
+}
+.fa-copyright:before {
+ content: "\f1f9";
+}
+.fa-at:before {
+ content: "\f1fa";
+}
+.fa-eyedropper:before {
+ content: "\f1fb";
+}
+.fa-paint-brush:before {
+ content: "\f1fc";
+}
+.fa-birthday-cake:before {
+ content: "\f1fd";
+}
+.fa-area-chart:before {
+ content: "\f1fe";
+}
+.fa-pie-chart:before {
+ content: "\f200";
+}
+.fa-line-chart:before {
+ content: "\f201";
+}
+.fa-lastfm:before {
+ content: "\f202";
+}
+.fa-lastfm-square:before {
+ content: "\f203";
+}
+.fa-toggle-off:before {
+ content: "\f204";
+}
+.fa-toggle-on:before {
+ content: "\f205";
+}
+.fa-bicycle:before {
+ content: "\f206";
+}
+.fa-bus:before {
+ content: "\f207";
+}
+.fa-ioxhost:before {
+ content: "\f208";
+}
+.fa-angellist:before {
+ content: "\f209";
+}
+.fa-cc:before {
+ content: "\f20a";
+}
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+ content: "\f20b";
+}
+.fa-meanpath:before {
+ content: "\f20c";
+}
+.fa-buysellads:before {
+ content: "\f20d";
+}
+.fa-connectdevelop:before {
+ content: "\f20e";
+}
+.fa-dashcube:before {
+ content: "\f210";
+}
+.fa-forumbee:before {
+ content: "\f211";
+}
+.fa-leanpub:before {
+ content: "\f212";
+}
+.fa-sellsy:before {
+ content: "\f213";
+}
+.fa-shirtsinbulk:before {
+ content: "\f214";
+}
+.fa-simplybuilt:before {
+ content: "\f215";
+}
+.fa-skyatlas:before {
+ content: "\f216";
+}
+.fa-cart-plus:before {
+ content: "\f217";
+}
+.fa-cart-arrow-down:before {
+ content: "\f218";
+}
+.fa-diamond:before {
+ content: "\f219";
+}
+.fa-ship:before {
+ content: "\f21a";
+}
+.fa-user-secret:before {
+ content: "\f21b";
+}
+.fa-motorcycle:before {
+ content: "\f21c";
+}
+.fa-street-view:before {
+ content: "\f21d";
+}
+.fa-heartbeat:before {
+ content: "\f21e";
+}
+.fa-venus:before {
+ content: "\f221";
+}
+.fa-mars:before {
+ content: "\f222";
+}
+.fa-mercury:before {
+ content: "\f223";
+}
+.fa-intersex:before,
+.fa-transgender:before {
+ content: "\f224";
+}
+.fa-transgender-alt:before {
+ content: "\f225";
+}
+.fa-venus-double:before {
+ content: "\f226";
+}
+.fa-mars-double:before {
+ content: "\f227";
+}
+.fa-venus-mars:before {
+ content: "\f228";
+}
+.fa-mars-stroke:before {
+ content: "\f229";
+}
+.fa-mars-stroke-v:before {
+ content: "\f22a";
+}
+.fa-mars-stroke-h:before {
+ content: "\f22b";
+}
+.fa-neuter:before {
+ content: "\f22c";
+}
+.fa-genderless:before {
+ content: "\f22d";
+}
+.fa-facebook-official:before {
+ content: "\f230";
+}
+.fa-pinterest-p:before {
+ content: "\f231";
+}
+.fa-whatsapp:before {
+ content: "\f232";
+}
+.fa-server:before {
+ content: "\f233";
+}
+.fa-user-plus:before {
+ content: "\f234";
+}
+.fa-user-times:before {
+ content: "\f235";
+}
+.fa-hotel:before,
+.fa-bed:before {
+ content: "\f236";
+}
+.fa-viacoin:before {
+ content: "\f237";
+}
+.fa-train:before {
+ content: "\f238";
+}
+.fa-subway:before {
+ content: "\f239";
+}
+.fa-medium:before {
+ content: "\f23a";
+}
+.fa-yc:before,
+.fa-y-combinator:before {
+ content: "\f23b";
+}
+.fa-optin-monster:before {
+ content: "\f23c";
+}
+.fa-opencart:before {
+ content: "\f23d";
+}
+.fa-expeditedssl:before {
+ content: "\f23e";
+}
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+ content: "\f240";
+}
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+ content: "\f241";
+}
+.fa-battery-2:before,
+.fa-battery-half:before {
+ content: "\f242";
+}
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+ content: "\f243";
+}
+.fa-battery-0:before,
+.fa-battery-empty:before {
+ content: "\f244";
+}
+.fa-mouse-pointer:before {
+ content: "\f245";
+}
+.fa-i-cursor:before {
+ content: "\f246";
+}
+.fa-object-group:before {
+ content: "\f247";
+}
+.fa-object-ungroup:before {
+ content: "\f248";
+}
+.fa-sticky-note:before {
+ content: "\f249";
+}
+.fa-sticky-note-o:before {
+ content: "\f24a";
+}
+.fa-cc-jcb:before {
+ content: "\f24b";
+}
+.fa-cc-diners-club:before {
+ content: "\f24c";
+}
+.fa-clone:before {
+ content: "\f24d";
+}
+.fa-balance-scale:before {
+ content: "\f24e";
+}
+.fa-hourglass-o:before {
+ content: "\f250";
+}
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+ content: "\f251";
+}
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+ content: "\f252";
+}
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+ content: "\f253";
+}
+.fa-hourglass:before {
+ content: "\f254";
+}
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+ content: "\f255";
+}
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+ content: "\f256";
+}
+.fa-hand-scissors-o:before {
+ content: "\f257";
+}
+.fa-hand-lizard-o:before {
+ content: "\f258";
+}
+.fa-hand-spock-o:before {
+ content: "\f259";
+}
+.fa-hand-pointer-o:before {
+ content: "\f25a";
+}
+.fa-hand-peace-o:before {
+ content: "\f25b";
+}
+.fa-trademark:before {
+ content: "\f25c";
+}
+.fa-registered:before {
+ content: "\f25d";
+}
+.fa-creative-commons:before {
+ content: "\f25e";
+}
+.fa-gg:before {
+ content: "\f260";
+}
+.fa-gg-circle:before {
+ content: "\f261";
+}
+.fa-tripadvisor:before {
+ content: "\f262";
+}
+.fa-odnoklassniki:before {
+ content: "\f263";
+}
+.fa-odnoklassniki-square:before {
+ content: "\f264";
+}
+.fa-get-pocket:before {
+ content: "\f265";
+}
+.fa-wikipedia-w:before {
+ content: "\f266";
+}
+.fa-safari:before {
+ content: "\f267";
+}
+.fa-chrome:before {
+ content: "\f268";
+}
+.fa-firefox:before {
+ content: "\f269";
+}
+.fa-opera:before {
+ content: "\f26a";
+}
+.fa-internet-explorer:before {
+ content: "\f26b";
+}
+.fa-tv:before,
+.fa-television:before {
+ content: "\f26c";
+}
+.fa-contao:before {
+ content: "\f26d";
+}
+.fa-500px:before {
+ content: "\f26e";
+}
+.fa-amazon:before {
+ content: "\f270";
+}
+.fa-calendar-plus-o:before {
+ content: "\f271";
+}
+.fa-calendar-minus-o:before {
+ content: "\f272";
+}
+.fa-calendar-times-o:before {
+ content: "\f273";
+}
+.fa-calendar-check-o:before {
+ content: "\f274";
+}
+.fa-industry:before {
+ content: "\f275";
+}
+.fa-map-pin:before {
+ content: "\f276";
+}
+.fa-map-signs:before {
+ content: "\f277";
+}
+.fa-map-o:before {
+ content: "\f278";
+}
+.fa-map:before {
+ content: "\f279";
+}
+.fa-commenting:before {
+ content: "\f27a";
+}
+.fa-commenting-o:before {
+ content: "\f27b";
+}
+.fa-houzz:before {
+ content: "\f27c";
+}
+.fa-vimeo:before {
+ content: "\f27d";
+}
+.fa-black-tie:before {
+ content: "\f27e";
+}
+.fa-fonticons:before {
+ content: "\f280";
+}
+.fa-reddit-alien:before {
+ content: "\f281";
+}
+.fa-edge:before {
+ content: "\f282";
+}
+.fa-credit-card-alt:before {
+ content: "\f283";
+}
+.fa-codiepie:before {
+ content: "\f284";
+}
+.fa-modx:before {
+ content: "\f285";
+}
+.fa-fort-awesome:before {
+ content: "\f286";
+}
+.fa-usb:before {
+ content: "\f287";
+}
+.fa-product-hunt:before {
+ content: "\f288";
+}
+.fa-mixcloud:before {
+ content: "\f289";
+}
+.fa-scribd:before {
+ content: "\f28a";
+}
+.fa-pause-circle:before {
+ content: "\f28b";
+}
+.fa-pause-circle-o:before {
+ content: "\f28c";
+}
+.fa-stop-circle:before {
+ content: "\f28d";
+}
+.fa-stop-circle-o:before {
+ content: "\f28e";
+}
+.fa-shopping-bag:before {
+ content: "\f290";
+}
+.fa-shopping-basket:before {
+ content: "\f291";
+}
+.fa-hashtag:before {
+ content: "\f292";
+}
+.fa-bluetooth:before {
+ content: "\f293";
+}
+.fa-bluetooth-b:before {
+ content: "\f294";
+}
+.fa-percent:before {
+ content: "\f295";
+}
+.fa-gitlab:before {
+ content: "\f296";
+}
+.fa-wpbeginner:before {
+ content: "\f297";
+}
+.fa-wpforms:before {
+ content: "\f298";
+}
+.fa-envira:before {
+ content: "\f299";
+}
+.fa-universal-access:before {
+ content: "\f29a";
+}
+.fa-wheelchair-alt:before {
+ content: "\f29b";
+}
+.fa-question-circle-o:before {
+ content: "\f29c";
+}
+.fa-blind:before {
+ content: "\f29d";
+}
+.fa-audio-description:before {
+ content: "\f29e";
+}
+.fa-volume-control-phone:before {
+ content: "\f2a0";
+}
+.fa-braille:before {
+ content: "\f2a1";
+}
+.fa-assistive-listening-systems:before {
+ content: "\f2a2";
+}
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+ content: "\f2a3";
+}
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+ content: "\f2a4";
+}
+.fa-glide:before {
+ content: "\f2a5";
+}
+.fa-glide-g:before {
+ content: "\f2a6";
+}
+.fa-signing:before,
+.fa-sign-language:before {
+ content: "\f2a7";
+}
+.fa-low-vision:before {
+ content: "\f2a8";
+}
+.fa-viadeo:before {
+ content: "\f2a9";
+}
+.fa-viadeo-square:before {
+ content: "\f2aa";
+}
+.fa-snapchat:before {
+ content: "\f2ab";
+}
+.fa-snapchat-ghost:before {
+ content: "\f2ac";
+}
+.fa-snapchat-square:before {
+ content: "\f2ad";
+}
+.fa-pied-piper:before {
+ content: "\f2ae";
+}
+.fa-first-order:before {
+ content: "\f2b0";
+}
+.fa-yoast:before {
+ content: "\f2b1";
+}
+.fa-themeisle:before {
+ content: "\f2b2";
+}
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+ content: "\f2b3";
+}
+.fa-fa:before,
+.fa-font-awesome:before {
+ content: "\f2b4";
+}
+.fa-handshake-o:before {
+ content: "\f2b5";
+}
+.fa-envelope-open:before {
+ content: "\f2b6";
+}
+.fa-envelope-open-o:before {
+ content: "\f2b7";
+}
+.fa-linode:before {
+ content: "\f2b8";
+}
+.fa-address-book:before {
+ content: "\f2b9";
+}
+.fa-address-book-o:before {
+ content: "\f2ba";
+}
+.fa-vcard:before,
+.fa-address-card:before {
+ content: "\f2bb";
+}
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+ content: "\f2bc";
+}
+.fa-user-circle:before {
+ content: "\f2bd";
+}
+.fa-user-circle-o:before {
+ content: "\f2be";
+}
+.fa-user-o:before {
+ content: "\f2c0";
+}
+.fa-id-badge:before {
+ content: "\f2c1";
+}
+.fa-drivers-license:before,
+.fa-id-card:before {
+ content: "\f2c2";
+}
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+ content: "\f2c3";
+}
+.fa-quora:before {
+ content: "\f2c4";
+}
+.fa-free-code-camp:before {
+ content: "\f2c5";
+}
+.fa-telegram:before {
+ content: "\f2c6";
+}
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+ content: "\f2c7";
+}
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+ content: "\f2c8";
+}
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+ content: "\f2c9";
+}
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+ content: "\f2ca";
+}
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+ content: "\f2cb";
+}
+.fa-shower:before {
+ content: "\f2cc";
+}
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+ content: "\f2cd";
+}
+.fa-podcast:before {
+ content: "\f2ce";
+}
+.fa-window-maximize:before {
+ content: "\f2d0";
+}
+.fa-window-minimize:before {
+ content: "\f2d1";
+}
+.fa-window-restore:before {
+ content: "\f2d2";
+}
+.fa-times-rectangle:before,
+.fa-window-close:before {
+ content: "\f2d3";
+}
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+ content: "\f2d4";
+}
+.fa-bandcamp:before {
+ content: "\f2d5";
+}
+.fa-grav:before {
+ content: "\f2d6";
+}
+.fa-etsy:before {
+ content: "\f2d7";
+}
+.fa-imdb:before {
+ content: "\f2d8";
+}
+.fa-ravelry:before {
+ content: "\f2d9";
+}
+.fa-eercast:before {
+ content: "\f2da";
+}
+.fa-microchip:before {
+ content: "\f2db";
+}
+.fa-snowflake-o:before {
+ content: "\f2dc";
+}
+.fa-superpowers:before {
+ content: "\f2dd";
+}
+.fa-wpexplorer:before {
+ content: "\f2de";
+}
+.fa-meetup:before {
+ content: "\f2e0";
+}
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0, 0, 0, 0);
+ border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ clip: auto;
+}
diff --git a/Week-3/Team-Project-4/css/font-awesome.min.css b/Week-3/Team-Project-4/css/font-awesome.min.css
new file mode 100644
index 0000000..540440c
--- /dev/null
+++ b/Week-3/Team-Project-4/css/font-awesome.min.css
@@ -0,0 +1,4 @@
+/*!
+ * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
diff --git a/Week-3/Team-Project-4/css/styles.css b/Week-3/Team-Project-4/css/styles.css
new file mode 100644
index 0000000..2cbb005
--- /dev/null
+++ b/Week-3/Team-Project-4/css/styles.css
@@ -0,0 +1,10 @@
+.fa {
+ color: blue;
+ font-size: 30px;
+ text-align: center;
+}
+
+.two > .fa{
+ color: green;
+ font-size: 100px;
+}
diff --git a/Week-3/Team-Project-4/fonts/FontAwesome.otf b/Week-3/Team-Project-4/fonts/FontAwesome.otf
new file mode 100644
index 0000000..401ec0f
Binary files /dev/null and b/Week-3/Team-Project-4/fonts/FontAwesome.otf differ
diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.eot b/Week-3/Team-Project-4/fonts/fontawesome-webfont.eot
new file mode 100644
index 0000000..e9f60ca
Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.eot differ
diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.svg b/Week-3/Team-Project-4/fonts/fontawesome-webfont.svg
new file mode 100644
index 0000000..855c845
--- /dev/null
+++ b/Week-3/Team-Project-4/fonts/fontawesome-webfont.svg
@@ -0,0 +1,2671 @@
+
+
+
+
+Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016
+ By ,,,
+Copyright Dave Gandy 2016. All rights reserved.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.ttf b/Week-3/Team-Project-4/fonts/fontawesome-webfont.ttf
new file mode 100644
index 0000000..35acda2
Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.ttf differ
diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff
new file mode 100644
index 0000000..400014a
Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff differ
diff --git a/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff2 b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff2
new file mode 100644
index 0000000..4d13fc6
Binary files /dev/null and b/Week-3/Team-Project-4/fonts/fontawesome-webfont.woff2 differ
diff --git a/Week-3/Team-Project-4/index.html b/Week-3/Team-Project-4/index.html
new file mode 100644
index 0000000..9a8169e
--- /dev/null
+++ b/Week-3/Team-Project-4/index.html
@@ -0,0 +1,34 @@
+
+
+
+
+ Team table
+
+
+
+
+
+
+
+ FREE
+
+
+
+
+ $0.00
+
+
+
+
+ FREE
+
+
+
+
+ $0.00
+
+
+
+
+
+
diff --git a/Week-4/Form/css/styles.css b/Week-4/Form/css/styles.css
new file mode 100644
index 0000000..2738af8
--- /dev/null
+++ b/Week-4/Form/css/styles.css
@@ -0,0 +1,40 @@
+body{
+ background-image: url("../images/background.jpg");
+ padding-left: 15%;
+ padding-right: 15%;
+}
+
+img {
+ height: 102px;
+ width: 250px;
+}
+
+.logo {
+ background-color: #035C59;
+ height: 102px;
+}
+
+section {
+ background-color: #1758FF;
+ padding-left: 10%;
+ color: white;
+ position: relative;
+ border: 5px solid #00027F;
+}
+
+.aside {
+ width: 30%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ background-color: #7E5305;
+}
+
+.button {
+ border: 2px solid #00027F;
+}
+
+.zip {
+ width: 60px;
+}
diff --git a/Week-4/Form/form.html b/Week-4/Form/form.html
new file mode 100644
index 0000000..d814db8
--- /dev/null
+++ b/Week-4/Form/form.html
@@ -0,0 +1,90 @@
+
+
+
+
+ Form
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Week-4/Form/images/background.jpg b/Week-4/Form/images/background.jpg
new file mode 100644
index 0000000..3536eac
Binary files /dev/null and b/Week-4/Form/images/background.jpg differ
diff --git a/Week-4/Form/images/it.jpg b/Week-4/Form/images/it.jpg
new file mode 100644
index 0000000..76405e8
Binary files /dev/null and b/Week-4/Form/images/it.jpg differ
diff --git a/Week-4/checkpoint-1/css/styles.css b/Week-4/checkpoint-1/css/styles.css
new file mode 100644
index 0000000..cb45f4a
--- /dev/null
+++ b/Week-4/checkpoint-1/css/styles.css
@@ -0,0 +1,174 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+body {
+ min-width: 850px;
+}
+
+.sitebody {
+ background-color: #ffffff;
+ position: relative;
+}
+
+.logo {
+ padding-left: 20px;
+}
+
+ul {
+ padding: 20px 20px 0 0;
+}
+
+li {
+ display: inline;
+ list-style-type: none;
+ padding-right: 7px;
+ padding-right: 7px;
+ float: right;
+ border: 1px solid navy;
+ padding: 3px;
+ margin: 5px;
+ border-radius: 10%;
+ background-color: #E8950C;
+}
+
+/*.header {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ background-color: #FFFFF1;
+ height: 3%;
+}*/
+
+h1 {
+ font-size: 60px;
+}
+
+.pageone {
+ padding-top: 100px;
+ text-align: center;
+ position: relative;
+ font-weight: bold;
+}
+
+.insideimage {
+ position: absolute;
+ top: 48%;
+ left: 43%;
+ color: white;
+ font-size: 30px;
+}
+
+.pageone>button {
+ position: absolute;
+ top: 62%;
+ left: 48%;
+ color: black;
+ font-size: 25px;
+ font-weight: bold;
+}
+
+hr {
+ height: 3px;
+ width: 90%;
+ background-color: #E8950C;
+}
+
+img.lroomimg {
+ padding-top: 30px;
+ padding-right: 30px;
+ padding-left: 50px;
+ float: left;
+ margin-right: 20px;
+}
+
+p.lroom {
+ padding-top: 30px;
+ padding-right: 180px;
+ font-size: 20px;
+ font-weight: bold;
+}
+
+.titleofchair {
+ font-weight: bold;
+ font-size: 35px;
+}
+
+.titleofchairoffice {
+ font-weight: bold;
+ font-size: 21px;
+ width: 22%;
+}
+
+.imgoffice {
+ float: left;
+ margin: 20px;
+ padding-left: 50px;
+ font-weight: bold;
+}
+
+.imgoffice>img {
+ height: 180px;
+ width: 180px;
+}
+
+.imgoffice>p {
+ word-wrap: break-word;
+ width: 150px;
+ text-align: center;
+}
+
+.imglibrary {
+ float: left;
+ margin: 30px;
+ padding-left: 0px;
+ position: relative;
+ font-weight: bold;
+ padding-right: 0;
+}
+
+.imglibrary>img {
+ height: 300px;
+ width: 300px;
+}
+
+.imglibrary>p {
+ text-align: center;
+ word-wrap: break-word;
+ width: 350px;
+}
+
+.date {
+ position: absolute;
+ right: 0;
+}
+
+.libchairone {
+ margin: 0 150px 0 100px;
+}
+
+.end {
+ text-align: center;
+ font-weight: bold;
+ font-size: 25px;
+ padding: 0 20px 0 20px;
+ background-image: url("../images/pattern.jpg");
+}
+
+.end>img {
+ padding-left: 20px;
+}
+
+.buttn {
+ border: 1px solid black;
+ background-color: grey;
+ border-radius: 10%;
+ font-size: 30px;
+ padding: 10px;
+ margin: 10px;
+}
diff --git a/Week-4/checkpoint-1/images/favicon.jpg b/Week-4/checkpoint-1/images/favicon.jpg
new file mode 100644
index 0000000..8fee893
Binary files /dev/null and b/Week-4/checkpoint-1/images/favicon.jpg differ
diff --git a/Week-4/checkpoint-1/images/library1.jpg b/Week-4/checkpoint-1/images/library1.jpg
new file mode 100644
index 0000000..a2f17e7
Binary files /dev/null and b/Week-4/checkpoint-1/images/library1.jpg differ
diff --git a/Week-4/checkpoint-1/images/library2.jpg b/Week-4/checkpoint-1/images/library2.jpg
new file mode 100644
index 0000000..9215598
Binary files /dev/null and b/Week-4/checkpoint-1/images/library2.jpg differ
diff --git a/Week-4/checkpoint-1/images/lroom.jpg b/Week-4/checkpoint-1/images/lroom.jpg
new file mode 100644
index 0000000..0bafe2c
Binary files /dev/null and b/Week-4/checkpoint-1/images/lroom.jpg differ
diff --git a/Week-4/checkpoint-1/images/office1.jpg b/Week-4/checkpoint-1/images/office1.jpg
new file mode 100644
index 0000000..896f329
Binary files /dev/null and b/Week-4/checkpoint-1/images/office1.jpg differ
diff --git a/Week-4/checkpoint-1/images/office2.jpg b/Week-4/checkpoint-1/images/office2.jpg
new file mode 100644
index 0000000..95f9829
Binary files /dev/null and b/Week-4/checkpoint-1/images/office2.jpg differ
diff --git a/Week-4/checkpoint-1/images/office3.jpg b/Week-4/checkpoint-1/images/office3.jpg
new file mode 100644
index 0000000..94fe66f
Binary files /dev/null and b/Week-4/checkpoint-1/images/office3.jpg differ
diff --git a/Week-4/checkpoint-1/images/office4.jpg b/Week-4/checkpoint-1/images/office4.jpg
new file mode 100644
index 0000000..5627382
Binary files /dev/null and b/Week-4/checkpoint-1/images/office4.jpg differ
diff --git a/Week-4/checkpoint-1/images/one.jpg b/Week-4/checkpoint-1/images/one.jpg
new file mode 100644
index 0000000..81421ac
Binary files /dev/null and b/Week-4/checkpoint-1/images/one.jpg differ
diff --git a/Week-4/checkpoint-1/images/pattern.jpg b/Week-4/checkpoint-1/images/pattern.jpg
new file mode 100644
index 0000000..3f8fdb1
Binary files /dev/null and b/Week-4/checkpoint-1/images/pattern.jpg differ
diff --git a/Week-4/checkpoint-1/index.html b/Week-4/checkpoint-1/index.html
index e69de29..7ef566a 100644
--- a/Week-4/checkpoint-1/index.html
+++ b/Week-4/checkpoint-1/index.html
@@ -0,0 +1,97 @@
+
+
+
+
+
+ checkpoint
+
+
+
+
+
+
+
+
+
+
+
+
+
WE HAVE CHAIRS! Lots of Them
+
Click Me!
+
+
+
+
+
+ Living room chair When in the Course of human events it becomes necessary for one people to dissolve the political bands which have connected them with another and to assume among the powers of the earth, the separate and equal
+ station to which the Laws of Nature and of Nature's God entitle them.
+
+
+
+
+
+
This is office chair 1
+
Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.
+
+
+
+
This is office chair 2
+
Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.
+
+
+
+
This is office chair 3
+
Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.
+
+
+
+
This is office chair 4
+
Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.
+
+
+
+
+
+
+
+
This is library chair 1
+
Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky. 2/18/2017
+
+
+
+
+
This is library chair 2
+
Bacon ipsum dolor amet spare ribs kevin picanha shankle alcatra. Swine doner tail turkey, tri-tip cow pork chop filet mignon jerky.
+
2/18/2017
+
+
+
+
+
+
+
We hold these truths to be self-evident, that all men are created equal, that they are endowed by their Creator with certain unalienable Rights, that among these are Life, Liberty and the pursuit of Happiness. — That to secure these rights,
+ Governments are instituted among Men, deriving their just powers from the consent of the governed, — That whenever any Form of Government becomes destructive of these ends, it is the Right of the People to alter or to abolish it, and
+ to institute new Government, laying its foundation on such principles and organizing its powers in such form, as to them shall seem most likely to effect their Safety and Happiness.
+
+
Register
+
Home
+
+
+
+
+
+
+
diff --git a/Week-4/test/test.css b/Week-4/test/test.css
new file mode 100644
index 0000000..09d359c
--- /dev/null
+++ b/Week-4/test/test.css
@@ -0,0 +1,20 @@
+.first {
+ background-color: red;
+ height: 100px;
+ width: 100%;
+}
+
+.second {
+ border: solid black 1px;
+ height: 300px;
+ width: 100%;
+ position: relative;
+}
+
+.insidesecond {
+ border: solid blue 1px;
+ width: 25%;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
diff --git a/Week-4/test/test.html b/Week-4/test/test.html
new file mode 100644
index 0000000..c831856
--- /dev/null
+++ b/Week-4/test/test.html
@@ -0,0 +1,19 @@
+
+
+
+
+ test positioning
+
+
+
+
+
+
+
+
+
+ I am inside the second div
+
+
+
+
diff --git a/Week-5/Flexbox-Flags/css/styles.css b/Week-5/Flexbox-Flags/css/styles.css
new file mode 100644
index 0000000..f272800
--- /dev/null
+++ b/Week-5/Flexbox-Flags/css/styles.css
@@ -0,0 +1,85 @@
+.main-container {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+
+.flag {
+ border: 1px solid black;
+ width: 200px;
+ height: 150px;
+ display: flex;
+ flex-direction: column;
+}
+
+.vflag {
+ border: 1px solid black;
+ width: 200px;
+ height: 150px;
+ display: flex;
+
+}
+
+.colorg1 {
+background-color: black;
+flex: 1;
+}
+
+.colorg2 {
+background-color: red;
+flex: 1;
+}
+
+.colorg3 {
+background-color: yellow;
+
+flex: 1;
+}
+
+.colori1 {
+background-color: green;
+
+flex: 1;
+}
+
+.colori2 {
+background-color: white;
+flex: 1;
+}
+
+.colori3 {
+background-color: red;
+
+flex: 1;
+}
+
+.colorf1 {
+background-color: blue;
+
+flex: 1;
+}
+
+.colorf2 {
+background-color: white;
+flex: 1;
+}
+
+.colorf3 {
+background-color: red;
+flex:1;
+}
+
+.colorc1 {
+background-color: yellow;
+flex:1;
+}
+
+.colorc2 {
+background-color: blue;
+flex:1;
+}
+
+.colorc3 {
+background-color: red;
+flex:1;
+}
diff --git a/Week-5/Flexbox-Flags/index.html b/Week-5/Flexbox-Flags/index.html
index e69de29..c46387d 100644
--- a/Week-5/Flexbox-Flags/index.html
+++ b/Week-5/Flexbox-Flags/index.html
@@ -0,0 +1,63 @@
+
+
+
+
+
+ Flags
+
+
+
+
+
+
+
+
diff --git a/Week-5/USFlag/css/styles.css b/Week-5/USFlag/css/styles.css
new file mode 100644
index 0000000..aafbe39
--- /dev/null
+++ b/Week-5/USFlag/css/styles.css
@@ -0,0 +1,63 @@
+body {
+ background-image: url(../images/US.jpg);
+ padding: 80px;
+}
+
+.main-container {
+ display: flex;
+ flex-direction: column;
+ border: 3px solid grey;
+ width: 1000px;
+}
+
+.top {
+ display: flex;
+ height: 250px;
+}
+
+.stars {
+ display: flex;
+ flex-direction: column;
+ background-color: blue;
+ flex: 1;
+ height: 250px;
+ justify-content: space-around;
+}
+
+.six {
+ display: flex;
+ justify-content: space-between;
+}
+
+.five {
+ display: flex;
+ justify-content: space-around;
+ padding: 0 15px 0 15px;
+}
+
+img {
+ height: 29px;
+ width: 29px;
+}
+
+.stripes {
+ display: flex;
+ flex: 2;
+ flex-direction: column;
+}
+
+.red {
+ background-color: red;
+ flex: 1;
+}
+
+.white {
+ background-color: white;
+ flex: 1;
+}
+
+.bottom {
+ display: flex;
+ flex-direction: column;
+ height: 250px;
+}
diff --git a/Week-5/USFlag/images/US.jpg b/Week-5/USFlag/images/US.jpg
new file mode 100644
index 0000000..343de6e
Binary files /dev/null and b/Week-5/USFlag/images/US.jpg differ
diff --git a/Week-5/USFlag/images/star.png b/Week-5/USFlag/images/star.png
new file mode 100644
index 0000000..afa692f
Binary files /dev/null and b/Week-5/USFlag/images/star.png differ
diff --git a/Week-5/USFlag/index.html b/Week-5/USFlag/index.html
new file mode 100644
index 0000000..d76e8a7
--- /dev/null
+++ b/Week-5/USFlag/index.html
@@ -0,0 +1,104 @@
+
+
+
+
+
+ US Flag
+
+
+
+
+
+
+
+
diff --git a/Week-5/newspaper/css/styles.css b/Week-5/newspaper/css/styles.css
new file mode 100644
index 0000000..dfb1041
--- /dev/null
+++ b/Week-5/newspaper/css/styles.css
@@ -0,0 +1,86 @@
+
+body {
+ padding: 0 15% 0 15%;
+}
+
+.main-container {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: wrap;
+ background-color: grey;
+}
+
+header {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ color: white;
+}
+
+.sec1 {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ margin-bottom: 40px;
+}
+
+.art1 {
+ display: flex;
+ flex-direction: column;
+ width: 410px;
+ background-color: white;
+}
+
+.lgimg {
+ height: 300px;
+ width: 410px;
+}
+
+.smimg {
+ height: 180px;
+ width: 240px;
+}
+
+.mdimg {
+ width: 410px;
+ height: 180px;
+}
+
+.sec2 {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+
+.art2 {
+ display: flex;
+ flex-direction: column;
+ width: 240px;
+ background-color: white;
+}
+
+.art3 {
+ display: flex;
+ flex-direction: column;
+ background-color: white;
+ width: 410px;
+}
+
+footer {
+ display: flex;
+ justify-content: space-between;
+}
+
+p {
+ padding: 10px 10px 0 10px;
+}
+
+h1 {
+ padding: 10px 10px 0 10px;
+}
+
+@media all and (max-width: 511px) {
+ .art2, .smimg{
+ width: 410px;
+ }
+}
diff --git a/Week-5/newspaper/images/img.jpg b/Week-5/newspaper/images/img.jpg
new file mode 100644
index 0000000..77fbfb3
Binary files /dev/null and b/Week-5/newspaper/images/img.jpg differ
diff --git a/Week-5/newspaper/index.html b/Week-5/newspaper/index.html
index e69de29..65dc4a7 100644
--- a/Week-5/newspaper/index.html
+++ b/Week-5/newspaper/index.html
@@ -0,0 +1,60 @@
+
+
+
+
+ Newspaper
+
+
+
+
+
+ This is a News Page
+ This is a subtitle
+
+
+
+
+ Article Title
+ Lorem ipsum dolor sit amet,
+ consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna
+ aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip
+
+ By authors
100000 comments
+
+
+
+ Article Title
+ Lorem ipsum dolor sit amet,
+ consectetur adipiscing elit, sed do eiusmod
+ tempor incididunt ut labore et dolore magna
+ aliqua. Ut enim ad minim veniam, quis nostrud
+ exercitation ullamco laboris nisi ut aliquip
+
+ By authors
100000 comments
+
+
+
+
+
+ Article Title
+ Lorem ipsum dolor sit amet, consectetur
+ By authors
100000 comments
+
+
+
+ Article Title
+ Lorem ipsum dolor sit amet, consectetur
+ By authors
100000 comments
+
+
+
+ Article Title
+ Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur
+ By authors
100000 comments
+
+
+
+
+
diff --git a/Week-6/Team-Project-1/css/styles.css b/Week-6/Team-Project-1/css/styles.css
new file mode 100644
index 0000000..708581c
--- /dev/null
+++ b/Week-6/Team-Project-1/css/styles.css
@@ -0,0 +1,122 @@
+body {
+ height: 100%;
+ margin: 0;
+}
+
+.main-container {
+ border: 1px solid black;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ padding: 10px;
+ min-height: 100vh;
+}
+
+header {
+ border: 1px solid black;
+ background-color: blue;
+ flex: 1;
+}
+
+section {
+ display: flex;
+ flex: 4;
+}
+
+nav {
+ border: 1px solid black;
+ background-color: yellow;
+ flex: 1;
+ margin: 10px;
+}
+
+.article {
+ display: flex;
+ flex-direction: column;
+ flex: 3;
+}
+
+.top-story {
+ border: 1px solid black;
+ background-color: purple;
+ flex: 1;
+ margin: 10px;
+}
+
+.bottom-story {
+ flex: 1;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-around;
+}
+
+.sm-story {
+ border: 1px solid black;
+ background-color: gold;
+ flex: 1 20%;
+ margin: 10px;
+}
+
+footer {
+ border: 1px solid black;
+ background-color: navy;
+ flex: 1;
+}
+
+@media screen and (max-width: 800px) {
+ section {
+ /*min-height: auto;*/
+ background-color: grey;
+ }
+ .sm-story {
+ flex: 1 40%;
+ height: 100px;
+ margin: 5px;
+ }
+ .bottom-story {
+ align-content: flex-start;
+ margin-bottom: 50px;
+
+ }
+ header {
+ min-height: 70px;
+ }
+ nav {
+ height: 500px;
+ }
+ footer {
+ /*display: none;*/
+ height: 70px;
+ }
+ .top-story {
+ height: 110px;
+ }
+}
+
+@media screen and (max-width: 400px) {
+
+ header {
+ min-height: 170px;
+ }
+ section {
+ flex-direction: column;
+ }
+ .article {
+ flex-direction: column;
+ }
+ .top-story {
+ height: 170px;
+ }
+
+ nav {
+ height: 170px;
+ }
+ .sm-story {
+ flex: 1 100%;
+ height: 170px;
+ }
+
+ footer {
+ height: 170px;
+ }
+}
diff --git a/Week-6/Team-Project-1/index.html b/Week-6/Team-Project-1/index.html
index e69de29..c555e91 100644
--- a/Week-6/Team-Project-1/index.html
+++ b/Week-6/Team-Project-1/index.html
@@ -0,0 +1,33 @@
+
+
+
+
+ Flexbox - project 1
+
+
+
+
+
+
+
+ Navigation
+
+
+ Top Story
+
+
+
Story
+
Story
+
Story
+
Story
+
Story
+
Story
+
Story
+
Story
+
+
+
+
+
+
+
diff --git a/Week-6/Team-Project-2/css/styles.css b/Week-6/Team-Project-2/css/styles.css
new file mode 100644
index 0000000..1a0f89a
--- /dev/null
+++ b/Week-6/Team-Project-2/css/styles.css
@@ -0,0 +1,337 @@
+body {
+ height: 100%;
+ margin: 0;
+}
+
+.main-container {
+ display: flex;
+ flex-direction: column;
+ min-height: 100vh;
+ flex-wrap: wrap;
+}
+
+header {
+ display: flex;
+ justify-content: space-between;
+ padding: 15px;
+ background-color: #dda42a;
+ color: #ffffff;
+ flex: .5;
+}
+
+.menu > span {
+ font-size: 30px;
+ align-self: center;
+}
+
+.menu > img {
+ padding: 10px;
+}
+
+.menu {
+ flex: 2;
+ display: flex;
+}
+
+.logo {
+ flex: 2;
+}
+
+.search {
+ flex: 2;
+ display: flex;
+ padding: 10px;
+}
+
+.search > input {
+ background-color: #000000;
+ opacity: 0.5;
+ border-radius: 7px 0 0 7px;
+ flex: 4;
+ color: #ffffff;
+ font-size: 20px;
+ border: none;
+ padding-left: 5px;
+}
+
+.search > div.img {
+ flex: 1;
+ border-radius: 0 7px 7px 0;
+ background-color: #000000;
+ opacity: 0.6;
+ display: flex;
+ justify-content: center;
+
+}
+
+.img > img {
+ padding: 15px 0 15px 0;
+}
+
+section {
+ display: flex;
+ flex: 5;
+}
+
+.main-left {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+}
+
+.sm-image > img{
+ flex: 3;
+ display: flex;
+ min-width: 100%;
+}
+
+.description {
+ flex: 2;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ background-color: #de741e;
+ color: white;
+ font-size: 25px;
+ justify-content: space-around;
+ padding-bottom: 30px;
+}
+
+.description > ul {
+ display: flex;
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.contact{
+ flex: 1;
+ display: flex;
+ background-color: #de741e;
+ color: white;
+ justify-content: center;
+}
+
+.contact > img {
+ padding: 0 0 10px 30px;
+}
+
+.lg-image{
+ flex: 3;
+ display: flex;
+}
+
+.lg-image > img {
+ width: 100%;
+}
+
+footer {
+ display: flex;
+ padding: 30px;
+ background-color: #1f1f1f;
+ flex: .2;
+}
+
+.email {
+ flex: 1;
+ color: #ffffff;
+ display: flex;
+}
+
+.email > input {
+ flex: 2;
+ border-radius: 7px 0 0 7px;
+ font-size: 100%;
+ color: #ffffff;
+ background-color: #000000;
+ border: none;
+ padding-left: 5px;
+}
+
+.email > p {
+ flex: 1;
+ border-radius: 0 7px 7px 0;
+ background-color: #e95a0a;
+ min-height: 100%;
+ align-self: center;
+ padding: 0 5px 0 5px;
+ justify-content: center;
+ display: flex;
+}
+
+.social {
+ flex: 4;
+ display: flex;
+ justify-content: center;
+}
+
+.social > img {
+ margin: 0 5px 0 5px;
+}
+
+.donate {
+ flex: 1;
+ display: flex;
+ justify-content: flex-end;
+ justify-content: center;
+}
+
+.heart {
+ flex: 1;
+ background-color: #33a13a;
+ text-align: center;
+ padding: 3px;
+ border-radius: 7px 0 0 7px;
+}
+
+
+.donate > p {
+ flex: 1;
+ background-color: #ffffff;
+ color: #33a13a;
+ border-radius: 0 7px 7px 0;
+ min-height: 100%;
+ align-self: center;
+ display: flex;
+ justify-content: center;
+ font-weight: bold;
+}
+
+p > span {
+ align-self: center;
+}
+
+
+@media all and (min-width: 1300px) {
+body {
+ max-width: 1280px;
+ margin: auto;
+ background-color:#dda42a;
+}
+.main-container {
+ vertical-align: middle;
+}
+}
+
+@media all and (max-width: 690px) and (min-width: 531px) {
+ .lg-image{
+ display: none;
+ }
+ footer {
+ display: none;
+ }
+ header{
+ flex-wrap: wrap;
+ padding: 0;
+ }
+ .main-left {
+ flex-direction: row;
+ }
+ .contact {
+ margin: 0;
+ padding: 0;
+ align-self: flex-start;
+ display: flex;
+ flex-direction: column;
+ }
+
+ .contact>img {
+ padding: 10px;
+ height: 50px;
+ width: 50px;
+ }
+ .description {
+ padding-top: 20px;
+ align-self: flex-start;
+ }
+ .description>ul {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ section {
+ background-color: #de741e;
+ }
+ .sm-image>img {
+ height: 260px;
+ }
+ .search {
+ padding: 5px;
+ margin: 0;
+ flex: 1.5;
+ width: 30%;
+ }
+ .search>input{
+ width: 10px;
+ }
+
+ .logo {
+ flex: 1 100%;
+ order: -1;
+ text-align: center;
+ }
+ .menu {
+ flex: 1;
+ width: 30%;
+ }
+ .logo>img {
+ height: 60px;
+ }
+
+ .menu> img {
+ height: 30px;
+ }
+ .menu>span {
+ font-size: 27px;
+ }
+
+}
+
+
+@media screen and (max-width: 530px){
+ .lg-image{
+ display: none;
+ }
+ footer {
+ display: none;
+ }
+ header{
+ flex-wrap: wrap;
+ padding: 0;
+ }
+
+ .search {
+ padding: 5px;
+ margin: 0;
+ flex: 1.5;
+ width: 30%;
+ }
+ .search>input{
+ width: 10px;
+ }
+
+ .logo {
+ flex: 1 100%;
+ order: -1;
+ text-align: center;
+ }
+ .menu {
+ flex: 1;
+ width: 30%;
+ }
+ .logo>img {
+ height: 60px;
+ }
+
+ .menu> img {
+ height: 30px;
+ }
+ .menu>span {
+ font-size: 27px;
+ }
+
+ .contact>img {
+ margin: 0;
+ padding: 7px;
+ }
+}
diff --git a/Week-6/Team-Project-2/html/index.html b/Week-6/Team-Project-2/html/index.html
new file mode 100644
index 0000000..eda6ec9
--- /dev/null
+++ b/Week-6/Team-Project-2/html/index.html
@@ -0,0 +1,67 @@
+
+
+
+
+ Team Project 2
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Ginger
+
Golden Retreiver
+
+ Male | 
+ 24 Months old | 
+ 22lbs
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Week-7/Checkpoint2/css/medium_layout.css b/Week-7/Checkpoint2/css/medium_layout.css
new file mode 100644
index 0000000..7be6d40
--- /dev/null
+++ b/Week-7/Checkpoint2/css/medium_layout.css
@@ -0,0 +1,19 @@
+nav>a {
+ display: none;
+}
+
+.menu-bars {
+ display: unset;
+}
+
+.second-top {
+ flex-direction: column;
+}
+
+.side-img {
+ order: -1;
+}
+
+.footer-top {
+ flex-direction: column;
+}
diff --git a/Week-7/Checkpoint2/css/small_layout.css b/Week-7/Checkpoint2/css/small_layout.css
new file mode 100644
index 0000000..8a8bfd4
--- /dev/null
+++ b/Week-7/Checkpoint2/css/small_layout.css
@@ -0,0 +1,42 @@
+.third-top {
+ flex-direction: column;
+}
+
+.wines-bottle {
+ width: 100%;
+ margin-bottom: 40px;
+}
+
+.wines-bottle > img {
+ display: block;
+ margin: auto;
+}
+
+.main-medals {
+ flex-direction: column;
+}
+
+.medal > img {
+ width: 90%;
+ height: 90%;
+ padding: 0;
+}
+
+.footer-inputs {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+}
+
+.footer-inputs > input {
+ margin: 0;
+ width: 89%;
+ align-self: center;
+}
+
+.footer-inputs > button {
+ margin: 0;
+ margin-bottom: 20px;
+ width: 95%;
+ align-self: center;
+}
diff --git a/Week-7/Checkpoint2/css/styles.css b/Week-7/Checkpoint2/css/styles.css
new file mode 100644
index 0000000..7c5237c
--- /dev/null
+++ b/Week-7/Checkpoint2/css/styles.css
@@ -0,0 +1,271 @@
+body {
+ margin: 0;
+ padding: 0;
+}
+header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ border-bottom: 1px solid #ffffff;
+ align-items: center;
+ background-color: grey;
+ opacity: 0.8;
+}
+
+.top-logo {
+ padding-left: 50px;
+ flex: 1;
+}
+
+.top-logo > img {
+ height: 69.612px;
+ width: 290px;
+}
+
+nav {
+ margin-right: 50px;
+ display: flex;
+ justify-content: space-between;
+ flex: 2;
+ align-items: baseline;
+}
+
+a {
+ text-decoration: none;
+ color: #ffffff;
+}
+
+.menu-bars {
+ color: #ffffff;
+ margin-right: 20px;
+ padding-left: 20px;
+ border-left: 1px solid #ffffff;
+ display: none;
+}
+
+.fa-commenting {
+ position: fixed;
+ bottom: 50px;
+ right: 50px;
+ color: white;
+ background-color: black;
+ border-radius: 50%;
+ padding: 15px;
+}
+
+.main-container {
+ display: flex;
+ flex-direction: column;
+}
+
+.first {
+ background-image: url("../img/wine-bg1.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding-top: 10%;
+ padding-bottom: 10%;
+}
+
+.first>img {
+ opacity: 0.7;
+}
+
+.description-logo {
+ font-size: 25px;
+ color: #ffffff;
+ text-align: center;
+}
+
+span {
+ font-size: 13px;
+ color: #ffffff;
+}
+
+.second {
+ display: flex;
+ flex-direction: column;
+ background-image: url("../img/wine-bg2.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ justify-content: center;
+}
+
+.second-top {
+ display: flex;
+}
+.description-top2nd {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ padding-left: 10%;
+ padding-right: 10%;
+ background-color: #ffffff;
+}
+
+.description-top2nd > img {
+ width: 178px;
+ height: 80px;
+}
+
+.side-img {
+ width: 100%;
+}
+
+h5, p {
+ font-size: 16px;
+}
+
+h5 {
+ 24px;
+}
+
+.second-bottom{
+ color: #ffffff;
+ padding: 15% 0 15% 0;
+ width: 60%;
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ align-self: center;
+}
+
+h3{
+ font-size: 32px;
+ color: #ffffff;
+}
+
+.third {
+ display: flex;
+ flex-direction: column;
+ background-image: url("../img/wine-bg3.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+}
+
+.third-top {
+ display: flex;
+ justify-content: center;
+ background-color: #ffffff;
+ padding-bottom: 100px;
+}
+
+.wines-bottle{
+ width: 280px;
+ margin-right: 30px;
+ text-align: center;
+}
+.wines-bottle > img {
+ width: 210px;
+ height: 529px;
+ padding-bottom: 0;
+ margin-bottom: 0;
+ display: flex;
+ margin-left: 30px;
+}
+
+.wines-bottle > hr {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+h4 {
+ font-size: 24px;
+}
+
+.wines-bottle > a {
+ background-color: #91a05c;
+ color: #ffffff;
+ padding: 10px 25px 10px 25px;
+}
+.third-bottom {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ padding: 10% 0 10% 0;
+}
+
+.medal {
+ text-align: center;
+}
+
+.medal > img {
+ width: 210px;
+ height: 210px;
+ padding: 2% 12% 0 12%;
+}
+
+.main-medals {
+ display: flex;
+ color: #ffffff;
+}
+
+footer {
+ display: flex;
+ flex-direction: column;
+}
+
+.footer-top {
+ display: flex;
+}
+
+.footer-top>img {
+ flex: 1;
+ width: 100%;
+ height: 640px;
+}
+
+.side-description-footer {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 150px;
+ padding-right: 50px;
+}
+.side-description-footer>hr {
+ width: 100%;
+}
+.footer-bottom {
+ background-color: #333;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 50px 0 100px 0;
+}
+
+.footer-bottom>p{
+ color: #ffffff;
+}
+
+.social-icons {
+ color: grey;
+}
+
+.footer-inputs > input{
+ color: #ffffff;
+ background-color: #000000;
+ border: 1px solid #ffffff;;
+ width: 200px;
+ padding: 20px;
+ margin: 30px 10px 50px 0;
+ font-weight: bold;
+}
+
+.footer-inputs >button{
+ color: #ffffff;
+ background-color: #91a05c;
+ border: none;
+ width: 200px;
+ padding: 20px;
+ margin: 30px 10px 50px 0;
+ font-weight: bold;
+}
diff --git a/Week-7/Checkpoint2/html/index.html b/Week-7/Checkpoint2/html/index.html
new file mode 100644
index 0000000..e4a55c0
--- /dev/null
+++ b/Week-7/Checkpoint2/html/index.html
@@ -0,0 +1,120 @@
+
+
+
+
+ Checkpoint-2
+
+
+
+
+
+
+
+
+
+
+
+ “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.
+
+
+
+
+
+
“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.
+
+
+
+
+
+
+
+
Foundry Shiraz
+
“Aged five years in solid, French Oak barrels sports notes of pepper and blackberry”
+
VISIT SHOP
+
+
+
+
+
Foundry Chardonnay
+
“A rich fruit palet with subtle Oak influence and a lingering dry, fresh finish”
+
VISIT SHOP
+
+
+
+
+
Foundry Cabernet
+
“Generous sweet blackcurrant and mulberry character with soft, velvety tannins”
+
VISIT SHOP
+
+
+
+
Awards & Recognition
+
+
+
+
Best Mid-Tier Value Wine Barossa Shiraz, 2009
+
+
+
+
Winemaker of the Year Foundry Vineyard, 20014
+
+
+
+
Best Overall Value Barossa Cabernet, 2010
+
+
+
+
+
+
+
+
diff --git a/Week-7/Checkpoint2/img/f-logo.png b/Week-7/Checkpoint2/img/f-logo.png
new file mode 100644
index 0000000..643c9e0
Binary files /dev/null and b/Week-7/Checkpoint2/img/f-logo.png differ
diff --git a/Week-7/Checkpoint2/img/medal1.png b/Week-7/Checkpoint2/img/medal1.png
new file mode 100644
index 0000000..24548fe
Binary files /dev/null and b/Week-7/Checkpoint2/img/medal1.png differ
diff --git a/Week-7/Checkpoint2/img/medal2.png b/Week-7/Checkpoint2/img/medal2.png
new file mode 100644
index 0000000..63d81b0
Binary files /dev/null and b/Week-7/Checkpoint2/img/medal2.png differ
diff --git a/Week-7/Checkpoint2/img/medal3.png b/Week-7/Checkpoint2/img/medal3.png
new file mode 100644
index 0000000..06f9e12
Binary files /dev/null and b/Week-7/Checkpoint2/img/medal3.png differ
diff --git a/Week-7/Checkpoint2/img/pour.jpg b/Week-7/Checkpoint2/img/pour.jpg
new file mode 100644
index 0000000..3c83f40
Binary files /dev/null and b/Week-7/Checkpoint2/img/pour.jpg differ
diff --git a/Week-7/Checkpoint2/img/wine16.jpg b/Week-7/Checkpoint2/img/powerwash.jpg
similarity index 100%
rename from Week-7/Checkpoint2/img/wine16.jpg
rename to Week-7/Checkpoint2/img/powerwash.jpg
diff --git a/Week-7/Checkpoint2/img/signature.png b/Week-7/Checkpoint2/img/signature.png
new file mode 100644
index 0000000..a8a5ada
Binary files /dev/null and b/Week-7/Checkpoint2/img/signature.png differ
diff --git a/Week-7/Checkpoint2/img/top-logo.png b/Week-7/Checkpoint2/img/top-logo.png
new file mode 100644
index 0000000..b16e0f0
Binary files /dev/null and b/Week-7/Checkpoint2/img/top-logo.png differ
diff --git a/Week-7/Checkpoint2/img/wine-bg.jpg b/Week-7/Checkpoint2/img/wine-bg1.jpg
similarity index 100%
rename from Week-7/Checkpoint2/img/wine-bg.jpg
rename to Week-7/Checkpoint2/img/wine-bg1.jpg
diff --git a/Week-7/Checkpoint2/img/wine13.jpg b/Week-7/Checkpoint2/img/wine-bg2.jpg
similarity index 100%
rename from Week-7/Checkpoint2/img/wine13.jpg
rename to Week-7/Checkpoint2/img/wine-bg2.jpg
diff --git a/Week-7/Checkpoint2/img/wine-bg3.jpg b/Week-7/Checkpoint2/img/wine-bg3.jpg
new file mode 100644
index 0000000..97dace1
Binary files /dev/null and b/Week-7/Checkpoint2/img/wine-bg3.jpg differ
diff --git a/Week-7/Checkpoint2/img/wine1.jpg b/Week-7/Checkpoint2/img/wine1.jpg
new file mode 100644
index 0000000..dba1aaa
Binary files /dev/null and b/Week-7/Checkpoint2/img/wine1.jpg differ
diff --git a/Week-7/Checkpoint2/img/wine6.jpg b/Week-7/Checkpoint2/img/wine2.jpg
similarity index 100%
rename from Week-7/Checkpoint2/img/wine6.jpg
rename to Week-7/Checkpoint2/img/wine2.jpg
diff --git a/Week-7/Checkpoint2/img/wine3.jpg b/Week-7/Checkpoint2/img/wine3.jpg
index dba1aaa..34a0ef3 100644
Binary files a/Week-7/Checkpoint2/img/wine3.jpg and b/Week-7/Checkpoint2/img/wine3.jpg differ
diff --git a/Week-7/fizzbuzz/index.html b/Week-7/fizzbuzz/index.html
index e69de29..20b3276 100644
--- a/Week-7/fizzbuzz/index.html
+++ b/Week-7/fizzbuzz/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+ FizzBuzz
+
+
+
+
+
+
diff --git a/Week-7/fizzbuzz/js/script.js b/Week-7/fizzbuzz/js/script.js
index e69de29..af76f21 100644
--- a/Week-7/fizzbuzz/js/script.js
+++ b/Week-7/fizzbuzz/js/script.js
@@ -0,0 +1,16 @@
+for (var i = 1; i <= 100; i++) {
+ if (i%5 === 0 && i%3 === 0) {
+ document.write("FizzBuzz");
+ document.write(" ");
+ }else if (i%3 === 0) {
+ document.write("Fizz");
+ document.write(" ");
+ }else if (i%5 === 0) {
+ document.write("Buzz");
+ document.write(" ");
+ }else {
+ document.write(i);
+ document.write(" ");
+ }
+
+}
diff --git a/Week-8/TableInsert/css/styles.css b/Week-8/TableInsert/css/styles.css
new file mode 100644
index 0000000..d319315
--- /dev/null
+++ b/Week-8/TableInsert/css/styles.css
@@ -0,0 +1,25 @@
+table {
+ margin-left: 20px;
+}
+
+table, tr, td, th {
+ border: 1px solid black;
+ padding: 5px;
+ background-color: white;
+}
+
+table {
+ background-color: grey;
+}
+
+.inputs {
+ display: flex;
+}
+
+.inputlabels {
+ padding-left: 20px;
+}
+
+#inputboxes{
+ padding-left: 20px;
+}
diff --git a/Week-8/TableInsert/html/index.html b/Week-8/TableInsert/html/index.html
new file mode 100644
index 0000000..d4340e0
--- /dev/null
+++ b/Week-8/TableInsert/html/index.html
@@ -0,0 +1,44 @@
+
+
+
+
+ Table Insert week 8
+
+
+
+
+
+
+
+
+
+
+ First Name
+ Last Name
+ Email
+ Phone Number
+
+
+
+
+
diff --git a/Week-8/TableInsert/script/jquery.js b/Week-8/TableInsert/script/jquery.js
new file mode 100644
index 0000000..26f8e5e
--- /dev/null
+++ b/Week-8/TableInsert/script/jquery.js
@@ -0,0 +1,80 @@
+$(document).ready(function(){
+ var $agree = $("input[name='agree']");
+ $($agree).change(agreecheck);
+
+ var $submit = $("button[name='submit']");
+ $($submit).click(fnameval);
+ $($submit).click(lnameval);
+ $($submit).click(emailval);
+ $($submit).click(pnumberval);
+ $($submit).click(insert);
+});
+
+var fnameval = function(){
+ var $fname = $("input[name='fname']");
+ $('p').remove('#firsterror');
+ if($fname.val().length > 0){
+ $('p').remove('#firsterror');
+ return true;
+ }else{
+ $('#pfirst').append('First name is required!
');
+}
+};
+
+var lnameval = function(){
+var $lname = $("input[name='lname']");
+$('p').remove('#lasterror');
+if($lname.val().length > 0){
+ $('p').remove('#lasterror');
+ return true;
+}else{
+$('#plast').append('Last name is required!
');
+}
+};
+
+var emailval = function(){
+ var $email = $("input[name='email']");
+ var $mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
+ $('p').remove("#emailerror");
+ if($email.val().length > 0 && $mailformat.test($email.val())){
+ $('p').remove("#emailerror");
+ return true;
+ }else{
+ $('#pemail').append('Correct email is required!
');
+ $email.val("");
+ }
+};
+
+var pnumberval = function(){
+ var $pnumber = $("input[name='pnumber']");
+ var $phoneformat = /\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})/;
+ $('p').remove('#phoneerror');
+ if($pnumber.val().length > 0 && $phoneformat.test($pnumber.val())){
+ $('p').remove('#phoneerror');
+ return true;
+ }else {
+ $('#pphone').append('Correct phone number is required!
');
+ $pnumber.val("");
+ }
+};
+
+var agreecheck = function(){
+ var $agree = $("input[name='agree']");
+ if($agree.prop("checked") === true){
+ $("button").removeAttr('disabled');
+ }else{
+ $("button").attr('disabled', 'true');
+ }
+};
+
+var insert = function(){
+ var $fname = $("input[name='fname']").val();
+ var $lname = $("input[name='lname']").val();
+ var $email = $("input[name='email']").val();
+ var $tel = $("input[name='pnumber']").val();
+ var $row = ""+$fname+" "+$lname+" "+$email+" "+$tel+" ";
+ if(($fname.length > 0 && $lname.length > 0) && ($email.length > 0 && $tel.length > 0)){
+ $("table").append($row);
+ $("#inputboxes")[0].reset();
+ };
+};
diff --git a/Week-8/jQuery-project/css/medium_layout.css b/Week-8/jQuery-project/css/medium_layout.css
new file mode 100644
index 0000000..5ea113d
--- /dev/null
+++ b/Week-8/jQuery-project/css/medium_layout.css
@@ -0,0 +1,27 @@
+ .menu-anc{
+ display: none;
+}
+
+.menu-bars {
+ display: unset;
+ position: absolute;
+ right: 20px;
+ top: 10px;
+}
+
+.second-top {
+ flex-direction: column;
+}
+
+.side-img {
+ order: -1;
+}
+
+.footer-top {
+ flex-direction: column;
+}
+
+nav {
+ padding-right: 60px;
+ padding-bottom: 50px;
+}
diff --git a/Week-8/jQuery-project/css/small_layout.css b/Week-8/jQuery-project/css/small_layout.css
new file mode 100644
index 0000000..59b04d7
--- /dev/null
+++ b/Week-8/jQuery-project/css/small_layout.css
@@ -0,0 +1,82 @@
+.menu-anc{
+ display: none;
+}
+
+.top-logo>img{
+ background-color: grey;
+ border-radius: 10px;
+}
+
+nav {
+ flex-direction: column;
+ align-items: center;
+ background-color: black;
+ z-index: 2;
+ margin: 0;
+}
+
+nav > a{
+ padding: 5px;
+}
+
+header {
+ background-color: black;
+ opacity: .8;
+}
+
+.dropdown{
+
+ width: 300px;
+ text-align: center;
+}
+
+.third-top {
+ flex-direction: column;
+}
+
+.wines-bottle {
+ width: 100%;
+ margin-bottom: 40px;
+}
+
+.wines-bottle > img {
+ display: block;
+ margin: auto;
+}
+
+.main-medals {
+ flex-direction: column;
+}
+
+.medal > img {
+ width: 90%;
+ height: 90%;
+ padding: 0;
+}
+
+.footer-inputs {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+}
+
+.footer-inputs > input {
+ margin: 0;
+ width: 89%;
+ align-self: center;
+}
+
+.footer-inputs > button {
+ margin: 0;
+ margin-bottom: 20px;
+ width: 95%;
+ align-self: center;
+}
+
+.dropdown {
+ position: relative;
+}
+
+.search-bag{
+ position: relative;
+}
diff --git a/Week-8/jQuery-project/css/styles.css b/Week-8/jQuery-project/css/styles.css
new file mode 100644
index 0000000..7b38985
--- /dev/null
+++ b/Week-8/jQuery-project/css/styles.css
@@ -0,0 +1,352 @@
+body{
+ min-width: 480px;
+}
+
+nav>a {
+ position: relative;
+}
+
+.fback {
+ display: none;
+}
+
+.dropdown {
+ list-style: none;
+ position: absolute;
+ color: #ffffff;
+ background-color: #292929;
+ width: 100px;
+ padding: 20px;
+ z-index: -3;
+ line-height: 35px;
+}
+
+.search-bag{
+ list-style: none;
+ position: absolute;
+ color: #ffffff;
+ background-color: #292929;
+ width: 100px;
+ padding: 20px;
+ z-index: -3;
+ line-height: 35px;
+}
+
+.dropdown>li {
+ border-bottom: 1px solid #ffffff;
+}
+
+#input {
+ width: 200px;
+ padding: 5px;
+}
+
+#shoptable {
+ font-size: 16px;
+ padding: 5px;
+ width: 200px;
+ position: absolute;
+ right: -100px;
+ top: 54px;
+ text-align: center;
+}
+
+body {
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ border-bottom: 1px solid #ffffff;
+ align-items: center;
+ background-color: grey;
+ opacity: 0.8;
+ z-index: 5;
+}
+
+.top-logo {
+ padding-left: 50px;
+ flex: 1;
+}
+
+.top-logo>img {
+ height: 69.612px;
+ width: 290px;
+}
+
+nav {
+ margin-right: 50px;
+ display: flex;
+ justify-content: space-between;
+ flex: 2;
+ align-items: baseline;
+}
+
+a {
+ text-decoration: none;
+ color: #ffffff;
+}
+
+.menu-bars {
+ color: #ffffff;
+ margin-right: 20px;
+ padding-left: 20px;
+ border-left: 1px solid #ffffff;
+ display: none;
+}
+
+.comments {
+ background-color: #ffffff;
+ position: fixed;
+ bottom: 130px;
+ right: 60px;
+ padding: 10px;
+ border-radius: 10px;
+}
+
+.commbuttons{
+ display: flex;
+ justify-content: space-between;
+ width: 100%;
+ margin-top: 10px;
+}
+
+.comments {
+ display: none;
+}
+
+.fa-commenting {
+ position: fixed;
+ bottom: 50px;
+ right: 50px;
+ color: #ffffff;
+ background-color: #000000;
+ border-radius: 50%;
+ padding: 15px;
+}
+
+.main-container {
+ display: flex;
+ flex-direction: column;
+}
+
+.first {
+ background-image: url("../img/wine-bg1.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding-top: 10%;
+ padding-bottom: 10%;
+}
+
+.first>img {
+ opacity: 0.7;
+}
+
+.description-logo {
+ font-size: 25px;
+ color: #ffffff;
+ text-align: center;
+}
+
+span {
+ font-size: 13px;
+ color: #ffffff;
+}
+
+.second {
+ display: flex;
+ flex-direction: column;
+ background-image: url("../img/wine-bg2.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ justify-content: center;
+}
+
+.second-top {
+ display: flex;
+}
+
+.description-top2nd {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ padding-left: 10%;
+ padding-right: 10%;
+ background-color: #ffffff;
+}
+
+.description-top2nd>img {
+ width: 178px;
+ height: 80px;
+}
+
+.side-img {
+ width: 100%;
+}
+
+h5, p {
+ font-size: 16px;
+}
+
+h5 {
+ 24px;
+}
+
+.second-bottom {
+ color: #ffffff;
+ padding: 15% 0 15% 0;
+ width: 60%;
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ align-self: center;
+}
+
+h3 {
+ font-size: 32px;
+ color: #ffffff;
+}
+
+.third {
+ display: flex;
+ flex-direction: column;
+ background-image: url("../img/wine-bg3.jpg");
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+}
+
+.third-top {
+ display: flex;
+ justify-content: center;
+ background-color: #ffffff;
+ padding-bottom: 100px;
+}
+
+.wines-bottle {
+ width: 280px;
+ margin-right: 30px;
+ text-align: center;
+}
+
+.wines-bottle>img {
+ width: 210px;
+ height: 529px;
+ padding-bottom: 0;
+ margin-bottom: 0;
+ display: flex;
+ margin-left: 30px;
+}
+
+.wines-bottle>hr {
+ margin-top: 0;
+ padding-top: 0;
+}
+
+h4 {
+ font-size: 24px;
+}
+
+.wines-bottle>a {
+ background-color: #91a05c;
+ color: #ffffff;
+ padding: 10px 25px 10px 25px;
+}
+
+.third-bottom {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ padding: 10% 0 10% 0;
+}
+
+.medal {
+ text-align: center;
+}
+
+.medal>img {
+ width: 210px;
+ height: 210px;
+ padding: 2% 12% 0 12%;
+}
+
+.main-medals {
+ display: flex;
+ color: #ffffff;
+}
+
+footer {
+ display: flex;
+ flex-direction: column;
+}
+
+.footer-top {
+ display: flex;
+}
+
+.footer-top>img {
+ flex: 1;
+ width: 100%;
+ height: 640px;
+}
+
+.side-description-footer {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ padding-left: 150px;
+ padding-right: 50px;
+}
+
+.side-description-footer>hr {
+ width: 100%;
+}
+
+.footer-bottom {
+ background-color: #333;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 50px 0 100px 0;
+}
+
+.footer-bottom>p {
+ color: #ffffff;
+}
+
+.social-icons {
+ color: grey;
+}
+
+.footer-inputs>input {
+ color: #ffffff;
+ background-color: #000000;
+ border: 1px solid #ffffff;
+ ;
+ width: 200px;
+ padding: 20px;
+ margin: 30px 10px 50px 0;
+ font-weight: bold;
+}
+
+.footer-inputs>button {
+ color: #ffffff;
+ background-color: #91a05c;
+ border: none;
+ width: 200px;
+ padding: 20px;
+ margin: 30px 10px 50px 0;
+ font-weight: bold;
+}
diff --git a/Week-8/jQuery-project/html/index.html b/Week-8/jQuery-project/html/index.html
new file mode 100644
index 0000000..2ea8e36
--- /dev/null
+++ b/Week-8/jQuery-project/html/index.html
@@ -0,0 +1,216 @@
+
+
+
+
+
+ JQuery
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ “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.
+
+
+
+
+
+
“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.
+
+
+
+
+
+
+
+
Foundry Shiraz
+
“Aged five years in solid, French Oak barrels sports notes of pepper and blackberry”
+
PURCHASE
+
+
+
+
+
Foundry Chardonnay
+
“A rich fruit palet with subtle Oak influence and a lingering dry, fresh finish”
+
PURCHASE
+
+
+
+
+
Foundry Cabernet
+
“Generous sweet blackcurrant and mulberry character with soft, velvety tannins”
+
PURCHASE
+
+
+
+
Awards & Recognition
+
+
+
+
Best Mid-Tier Value Wine Barossa Shiraz, 2009
+
+
+
+
Winemaker of the Year Foundry Vineyard, 20014
+
+
+
+
Best Overall Value Barossa Cabernet, 2010
+
+
+
+
+
+
+
+
+
diff --git a/Week-8/jQuery-project/img/f-logo.png b/Week-8/jQuery-project/img/f-logo.png
new file mode 100644
index 0000000..643c9e0
Binary files /dev/null and b/Week-8/jQuery-project/img/f-logo.png differ
diff --git a/Week-8/jQuery-project/img/medal1.png b/Week-8/jQuery-project/img/medal1.png
new file mode 100644
index 0000000..24548fe
Binary files /dev/null and b/Week-8/jQuery-project/img/medal1.png differ
diff --git a/Week-8/jQuery-project/img/medal2.png b/Week-8/jQuery-project/img/medal2.png
new file mode 100644
index 0000000..63d81b0
Binary files /dev/null and b/Week-8/jQuery-project/img/medal2.png differ
diff --git a/Week-8/jQuery-project/img/medal3.png b/Week-8/jQuery-project/img/medal3.png
new file mode 100644
index 0000000..06f9e12
Binary files /dev/null and b/Week-8/jQuery-project/img/medal3.png differ
diff --git a/Week-8/jQuery-project/img/pour.jpg b/Week-8/jQuery-project/img/pour.jpg
new file mode 100644
index 0000000..3c83f40
Binary files /dev/null and b/Week-8/jQuery-project/img/pour.jpg differ
diff --git a/Week-8/jQuery-project/img/powerwash.jpg b/Week-8/jQuery-project/img/powerwash.jpg
new file mode 100644
index 0000000..5d331e4
Binary files /dev/null and b/Week-8/jQuery-project/img/powerwash.jpg differ
diff --git a/Week-8/jQuery-project/img/signature.png b/Week-8/jQuery-project/img/signature.png
new file mode 100644
index 0000000..a8a5ada
Binary files /dev/null and b/Week-8/jQuery-project/img/signature.png differ
diff --git a/Week-8/jQuery-project/img/top-logo.png b/Week-8/jQuery-project/img/top-logo.png
new file mode 100644
index 0000000..b16e0f0
Binary files /dev/null and b/Week-8/jQuery-project/img/top-logo.png differ
diff --git a/Week-8/jQuery-project/img/wine-bg1.jpg b/Week-8/jQuery-project/img/wine-bg1.jpg
new file mode 100644
index 0000000..1b50393
Binary files /dev/null and b/Week-8/jQuery-project/img/wine-bg1.jpg differ
diff --git a/Week-8/jQuery-project/img/wine-bg2.jpg b/Week-8/jQuery-project/img/wine-bg2.jpg
new file mode 100644
index 0000000..b8e5aea
Binary files /dev/null and b/Week-8/jQuery-project/img/wine-bg2.jpg differ
diff --git a/Week-8/jQuery-project/img/wine-bg3.jpg b/Week-8/jQuery-project/img/wine-bg3.jpg
new file mode 100644
index 0000000..97dace1
Binary files /dev/null and b/Week-8/jQuery-project/img/wine-bg3.jpg differ
diff --git a/Week-8/jQuery-project/img/wine1.jpg b/Week-8/jQuery-project/img/wine1.jpg
new file mode 100644
index 0000000..dba1aaa
Binary files /dev/null and b/Week-8/jQuery-project/img/wine1.jpg differ
diff --git a/Week-8/jQuery-project/img/wine2.jpg b/Week-8/jQuery-project/img/wine2.jpg
new file mode 100644
index 0000000..3d0c612
Binary files /dev/null and b/Week-8/jQuery-project/img/wine2.jpg differ
diff --git a/Week-7/Checkpoint2/img/wine7.jpg b/Week-8/jQuery-project/img/wine3.jpg
similarity index 100%
rename from Week-7/Checkpoint2/img/wine7.jpg
rename to Week-8/jQuery-project/img/wine3.jpg
diff --git a/Week-8/jQuery-project/index.html b/Week-8/jQuery-project/index.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Week-8/jQuery-project/script/jquery.js b/Week-8/jQuery-project/script/jquery.js
new file mode 100644
index 0000000..fdac9f2
--- /dev/null
+++ b/Week-8/jQuery-project/script/jquery.js
@@ -0,0 +1,84 @@
+$(document).ready(function() {
+
+ $('nav a').hover(
+ function () {
+ $('ul', this).stop().slideDown(100);
+ },
+ function () {
+ $('ul', this).stop().slideUp(100);
+ }
+);
+
+$('.searchbox').click(function(){
+ $("input").toggleClass("fback");
+});
+
+$('.tglclass').click(function(){
+ $("table").toggleClass("fback");
+});
+ var $purchaseshiraz = "Foundry Shiraz $50 ";
+ $('#shiraz').click(function() {
+ $('#shoptable').append($purchaseshiraz);
+ });
+
+ var $purchasechard = "Foundry Chardonnay $60 ";
+ $('#chard').click(function() {
+ $('#shoptable').append($purchasechard);
+ });
+
+ var $purchasecab = "Foundry Cabernet $80 ";
+ $('#cab').click(function() {
+ $('#shoptable').append($purchasecab);
+ });
+
+ $('#signingup').click(function() {
+ var $email = $('input[name="email"]').val();
+ var $mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
+ $('div').remove(".emailerror");
+ if ($email.length > 0 && $mailformat.test($email)) {
+ alert("Welcome to our site " + $email);
+ $('input[name="email"]').val("");
+ } else {
+ $('#emailerror').append('Valid email is required!
');
+ $('input[name="email"]').val("");
+ }
+ });
+
+ $('#commenticon').click(function() {
+ $('.comments').show();
+ });
+
+ $('#exit').click(function() {
+ $('.comments').hide();
+ });
+
+ $('#post').click(function() {
+ var $usercomm = $('#comm').val();
+ var $actualcomm = "" + $usercomm + " ";
+ if ($usercomm.length > 0) {
+ $('#postcomments').append($actualcomm);
+ $('#comm').val("");
+ }
+ });
+
+ $('#clear').click(function(){
+ $('b').remove("#actualcomm");
+ });
+
+ $('#comm').keypress(function(e) {
+ var key = e.which;
+ if (key === 13) {
+ $('#post').click();
+ };
+ });
+
+ $('.fa-bars').click(function(){
+ $('.top-logo').toggleClass('fback');
+ $('nav>a').toggleClass('menu-anc');
+ });
+
+ // $('.').click(function() {
+ // $("#accordion" ).accordion();
+ // } );
+
+});
diff --git a/Week-9/Final-Project/Dallas.mp4 b/Week-9/Final-Project/Dallas.mp4
new file mode 100644
index 0000000..85018c9
Binary files /dev/null and b/Week-9/Final-Project/Dallas.mp4 differ
diff --git a/Week-9/Final-Project/css/style.css b/Week-9/Final-Project/css/style.css
new file mode 100644
index 0000000..20dce13
--- /dev/null
+++ b/Week-9/Final-Project/css/style.css
@@ -0,0 +1,34 @@
+.carousel-inner > .item > img,
+ .carousel-inner > .item > a > img {
+ width: 70%;
+ margin: auto;
+ }
+ .map-section {
+ display: flex;
+ }
+
+ .form-div {
+ flex: 1;
+ text-align: center;
+ align-self: center;
+ }
+
+ .map {
+ flex: 1;
+ text-align: center;
+ }
+
+ #map {
+ height: 400px;
+ width: 100%;
+ }
+
+ .video {
+ display: flex;
+ text-align: center;
+ }
+
+ .video>p {
+ padding: 50px 50px 0 100px;
+ font-weight: bold;
+ }
diff --git a/Week-9/Final-Project/index.html b/Week-9/Final-Project/index.html
index e69de29..1dcdf25 100644
--- a/Week-9/Final-Project/index.html
+++ b/Week-9/Final-Project/index.html
@@ -0,0 +1,119 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Your browser does not support the video tag.
+
+ Dallas, Texas, is located along the Trinity River. The famous landmark of "The Big D", as Dallas is often called, is the Reunion Tower. The region's cattle herding history is captured in the Heritage Village and on central Pioneer Plaza. Another
+ must-see is The Sixth Floor Museum at Dealey Plaza, which documents the assassination of John F. Kennedy in 1963. In the Arts District, the Dallas Museum of Art and the Nasher Sculpture Center are popular with visitors. The Dallas Zoo is great
+ for children and the Dallas World Aquarium also has a jungle walk with monkeys. Families will also love the interactive displays in the Perot Museum Of Nature And Science or the Six Flags Over Texas theme park in Arlington. Many visitors head
+ out to Southfork Ranch, the mansion out of the famous soap opera Dallas. Don't leave Dallas without tasting a Texas BBQ in Uptown, the nightlife district.
+
+
+
+
+
+
+
diff --git a/Week-9/Final-Project/js/script.js b/Week-9/Final-Project/js/script.js
new file mode 100644
index 0000000..97e96b5
--- /dev/null
+++ b/Week-9/Final-Project/js/script.js
@@ -0,0 +1,12 @@
+$(document).ready(function() {
+
+
+ $("button").click(function() {
+
+ var $name = $("input[name='name']").val();
+ var $email = $("input[name='email']").val();
+ var $row = "
Hello " + $name + ". We will send you Dallas updates to " + $email + "
";
+ $("p").append($row);
+
+ });
+});