commit 23d271b23b0930c1efaa66913389074109e737ae Author: Arjun Patel Date: Thu May 23 22:44:04 2019 -0700 Initial commit diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dfe0770 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +# Auto detect text files and perform LF normalization +* text=auto diff --git a/README.md b/README.md new file mode 100644 index 0000000..877a62b --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# frontend_challenge diff --git a/index.html b/index.html new file mode 100644 index 0000000..e935104 --- /dev/null +++ b/index.html @@ -0,0 +1,93 @@ + + + + Company + + + + + + +
+
+
+
+

CALL US NOW:

+

385.154.11.28.35

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

YOUR

+

LOGO

+
+
+

TITLE 1

 +

TITLE 2

 +

TITLE 3

 +

TITLE 4

 +

TITLE 5

 +

TITLE 6

 +

TITLE 7

 +
+
+
+ +
+
+ Home / Who we are / Contact +
+ +
+

Contact

+ +

+ Smallest directly families surprise honoured am an. Speaking replying + mistress him numerous she returned feelings may day. Evening way + luckily son exposed get general greatly. Zealously prevailed be + arranging do. Set arranging too dejection september happiness. +

+
+
+ +
+
+

CONTACT US

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

REACH US

+ +

Coalition Skills Test

+ +

535 La Plata Street

+

4200 Argentina

+ +

+ +

Phone: 385.154.11.28.38

+

Fax: 385.154.11.28.38/p> +

+
+
+ diff --git a/main.css b/main.css new file mode 100644 index 0000000..bd1d50b --- /dev/null +++ b/main.css @@ -0,0 +1,223 @@ +/* main orange: rgb(202, 112, 9) */ + +html { + height: 100%; + width: 100%; + + font-family: 'Roboto', sans-serif; +} + +body { + display: flex; + height: 100%; + width: 100%; + margin: 0; + padding: 0; +} + +.margin-lr-5 { + /* do individual as hidden

styling */ + margin-left: 5px; + margin-right: 5px; +} + +.flex-basic-col { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.flex-basic-row { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +.main-grid { + flex: 1; + display: grid; + grid-template-rows: 50px 160px auto; +} + +.content-wrap { + width: 970px; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + margin: auto; +} + +/* TOP NAV */ +.top-nav { + background-color: rgb(202, 112, 9); + display: flex; +} + +p { + margin: 0; + padding: 0; +} +.nav-call-now { + color: red; + font-size: 1.3em; + font-weight: bold; +} + +.nav-number { + color: white; + font-size: 1em; +} + +a { + text-decoration: none !important; + cursor: pointer; +} + +.nav-login { + color: red; + font-size: 1em; + font-weight: 350; +} +.nav-signup { + color: white; + font-size: 1em; + font-weight: 350; +} + +/* SECOND NAV */ + +.second-nav { + background-color: #fcf4ea; + display: flex; +} + +.logo-first { + font-size: 3em; + color: rgb(20, 20, 20); + font-weight: 600; +} +.logo-second { + font-size: 3em; + color: rgb(202, 112, 9); + font-weight: 600; +} +.second-nav-item { + font-size: 16px; + font-weight: 150; + color: rgb(51, 49, 49); +} +.second-nav-item:hover { + font-size: 17px; + font-weight: 250; + color: black; + border-bottom: 3px solid orange; +} + +/* MAIN CONTENT */ + +.content { + width: 970px; + margin: 0 auto; + + align-self: flex-start; + padding: 2em; + display: flex; + align-items: flex-start; +} + +.nav-page { + font-size: 14px; + color: rgb(136, 133, 133); + + margin: 3em 0; +} +.current-page { + color: black; + font-weight: 600; +} +.content-title { + font-size: 2.5em; + font-weight: 600; + color: rgb(202, 112, 9); + margin: 0.5em 0; +} +.content-text { + font-size: 1em; + color: rgb(100, 98, 98); +} + +/* FOOTER */ + +.footer { + width: 970px; + margin: 0 auto; + + align-self: flex-start; + padding: 2em; + display: flex; + align-items: flex-start; +} + +.footer-part { + flex: 1; + display: flex; + align-items: flex-start; + + margin: 1em; +} +.footer-label { + width: 100%; + + font-size: 1.75em; + color: rgb(202, 112, 9); + + border-bottom: 5px solid rgb(88, 86, 86); +} + +.special-info-row { + margin: 10px 0; + font-size: 1.1em; + + color: rgb(58, 57, 57); + + font-weight: 500; +} + +.info-row { + font-size: 0.9em; + + color: rgb(80, 79, 79); +} + +form { + padding: 1em; + flex: 1; + align-self: stretch; +} +input { + flex: 1; + width: 100%; + margin: 1em; + padding: 15px; +} +textarea { + flex: 1; + width: 100%; + margin: 1em; + padding: 15px; +} +button { + background-color: rgb(202, 112, 9); + align-self: flex-start; + padding: 15px 10px; + width: 120px; + margin-top: 2em; + + color: white; + + font-weight: 600; + font-size: 0.85em; +}