diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/HTML:CSS/.sass-cache/7985dfa133d5c236eebc689f5bc08f2ef58b30a4/main.scssc b/HTML:CSS/.sass-cache/7985dfa133d5c236eebc689f5bc08f2ef58b30a4/main.scssc new file mode 100644 index 0000000..a2621b4 Binary files /dev/null and b/HTML:CSS/.sass-cache/7985dfa133d5c236eebc689f5bc08f2ef58b30a4/main.scssc differ diff --git a/HTML:CSS/.sass-cache/7985dfa133d5c236eebc689f5bc08f2ef58b30a4/reset.scssc b/HTML:CSS/.sass-cache/7985dfa133d5c236eebc689f5bc08f2ef58b30a4/reset.scssc new file mode 100644 index 0000000..4cb0981 Binary files /dev/null and b/HTML:CSS/.sass-cache/7985dfa133d5c236eebc689f5bc08f2ef58b30a4/reset.scssc differ diff --git a/HTML:CSS/Assets/SVGs/account-teal.svg b/HTML:CSS/Assets/SVGs/account-teal.svg new file mode 100644 index 0000000..db060e0 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/account-teal.svg @@ -0,0 +1 @@ +account diff --git a/HTML:CSS/Assets/SVGs/contact-teal-big.svg b/HTML:CSS/Assets/SVGs/contact-teal-big.svg new file mode 100644 index 0000000..a2e814c --- /dev/null +++ b/HTML:CSS/Assets/SVGs/contact-teal-big.svg @@ -0,0 +1 @@ +contact diff --git a/HTML:CSS/Assets/SVGs/contact-teal.svg b/HTML:CSS/Assets/SVGs/contact-teal.svg new file mode 100644 index 0000000..d67a386 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/contact-teal.svg @@ -0,0 +1 @@ +contact diff --git a/HTML:CSS/Assets/SVGs/contact-white.svg b/HTML:CSS/Assets/SVGs/contact-white.svg new file mode 100644 index 0000000..3a49a98 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/contact-white.svg @@ -0,0 +1 @@ +contact diff --git a/HTML:CSS/Assets/SVGs/enewsletter-teal.svg b/HTML:CSS/Assets/SVGs/enewsletter-teal.svg new file mode 100644 index 0000000..3b99350 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/enewsletter-teal.svg @@ -0,0 +1 @@ +enewsletter diff --git a/HTML:CSS/Assets/SVGs/equal-housing-white.svg b/HTML:CSS/Assets/SVGs/equal-housing-white.svg new file mode 100644 index 0000000..6f9aaf6 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/equal-housing-white.svg @@ -0,0 +1 @@ +equal-housing diff --git a/HTML:CSS/Assets/SVGs/facebook-grey.svg b/HTML:CSS/Assets/SVGs/facebook-grey.svg new file mode 100644 index 0000000..3d47f22 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/facebook-grey.svg @@ -0,0 +1 @@ +facebook diff --git a/HTML:CSS/Assets/SVGs/facebook-white.svg b/HTML:CSS/Assets/SVGs/facebook-white.svg new file mode 100644 index 0000000..93e4417 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/facebook-white.svg @@ -0,0 +1 @@ +facebook diff --git a/HTML:CSS/Assets/SVGs/instagram-grey.svg b/HTML:CSS/Assets/SVGs/instagram-grey.svg new file mode 100644 index 0000000..5f5fefc --- /dev/null +++ b/HTML:CSS/Assets/SVGs/instagram-grey.svg @@ -0,0 +1 @@ +instagram-01 diff --git a/HTML:CSS/Assets/SVGs/instagram-white.svg b/HTML:CSS/Assets/SVGs/instagram-white.svg new file mode 100644 index 0000000..723169e --- /dev/null +++ b/HTML:CSS/Assets/SVGs/instagram-white.svg @@ -0,0 +1 @@ +instagram-01 diff --git a/HTML:CSS/Assets/SVGs/linkedin-grey.svg b/HTML:CSS/Assets/SVGs/linkedin-grey.svg new file mode 100644 index 0000000..86ade6e --- /dev/null +++ b/HTML:CSS/Assets/SVGs/linkedin-grey.svg @@ -0,0 +1 @@ +linkedin diff --git a/HTML:CSS/Assets/SVGs/linkedin-white.svg b/HTML:CSS/Assets/SVGs/linkedin-white.svg new file mode 100644 index 0000000..33045c0 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/linkedin-white.svg @@ -0,0 +1 @@ +linkedin diff --git a/HTML:CSS/Assets/SVGs/office-teal.svg b/HTML:CSS/Assets/SVGs/office-teal.svg new file mode 100644 index 0000000..a52d5f2 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/office-teal.svg @@ -0,0 +1 @@ +office diff --git a/HTML:CSS/Assets/SVGs/realtor-white.svg b/HTML:CSS/Assets/SVGs/realtor-white.svg new file mode 100644 index 0000000..24b6b96 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/realtor-white.svg @@ -0,0 +1 @@ +realtor diff --git a/HTML:CSS/Assets/SVGs/search-white.svg b/HTML:CSS/Assets/SVGs/search-white.svg new file mode 100644 index 0000000..4b82ae8 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/search-white.svg @@ -0,0 +1 @@ +search diff --git a/HTML:CSS/Assets/SVGs/twitter-grey.svg b/HTML:CSS/Assets/SVGs/twitter-grey.svg new file mode 100644 index 0000000..98e495a --- /dev/null +++ b/HTML:CSS/Assets/SVGs/twitter-grey.svg @@ -0,0 +1 @@ +twitter diff --git a/HTML:CSS/Assets/SVGs/twitter-white.svg b/HTML:CSS/Assets/SVGs/twitter-white.svg new file mode 100644 index 0000000..10bd8c0 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/twitter-white.svg @@ -0,0 +1 @@ +twitter diff --git a/HTML:CSS/Assets/SVGs/website-teal.svg b/HTML:CSS/Assets/SVGs/website-teal.svg new file mode 100644 index 0000000..1e42ca9 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/website-teal.svg @@ -0,0 +1 @@ +website diff --git a/HTML:CSS/Assets/SVGs/youtube-grey.svg b/HTML:CSS/Assets/SVGs/youtube-grey.svg new file mode 100644 index 0000000..3afa3ca --- /dev/null +++ b/HTML:CSS/Assets/SVGs/youtube-grey.svg @@ -0,0 +1 @@ +youtube diff --git a/HTML:CSS/Assets/SVGs/youtube-white.svg b/HTML:CSS/Assets/SVGs/youtube-white.svg new file mode 100644 index 0000000..2b87778 --- /dev/null +++ b/HTML:CSS/Assets/SVGs/youtube-white.svg @@ -0,0 +1 @@ +youtube diff --git a/HTML:CSS/Designs/.DS_Store b/HTML:CSS/Designs/.DS_Store index 06f66a3..61c53a0 100644 Binary files a/HTML:CSS/Designs/.DS_Store and b/HTML:CSS/Designs/.DS_Store differ diff --git a/HTML:CSS/Styles/main.css b/HTML:CSS/Styles/main.css new file mode 100644 index 0000000..cd6618e --- /dev/null +++ b/HTML:CSS/Styles/main.css @@ -0,0 +1,436 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; } + +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; } + +body { + line-height: 1; } + +ol, ul { + list-style: none; } + +blockquote, q { + quotes: none; } + +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; } + +table { + border-collapse: collapse; + border-spacing: 0; } + +body { + font-family: "Lato", sans-serif; } + +.nav-contact-account { + float: right; } + @media (min-width: 992px) { + .nav-contact-account { + padding-right: 4px; } } + .nav-contact-account .nav-item { + padding: 0; + margin-top: 10px; + margin-bottom: 8px; + display: table-cell; + text-align: center; + vertical-align: middle; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; } + .nav-contact-account .nav-item span { + color: #595959; + vertical-align: bottom; + display: inline-block; + position: relative; + font-size: 12px; + letter-spacing: 1px; } + .nav-contact-account .nav-item img { + vertical-align: top; + margin-top: 6%; + margin-left: 0.7%; + margin-bottom: 6px; + position: relative; } + +.input-group-addon { + background-color: #00767A; + color: #fff; } + +.icon-bar { + margin: auto; + background-color: #009CAA; } + +.navbar-toggle { + margin-top: 15px; + margin-bottom: 0; + padding-right: 0; + padding-top: 0; + padding-bottom: 0; + font-size: 14px; } + .navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; } + .navbar-toggle .bottom-bar { + margin-bottom: 6.5px; } + .navbar-toggle .menu-btn-text { + color: #595959; + font-size: 12px; + letter-spacing: 1px; } + +#nav-toggle-links { + float: right; + padding-right: 15px; } + #nav-toggle-links li a { + padding-bottom: 10px; + color: #323232; } + +#header { + margin-bottom: 0px; + background-color: #fff; } + +@media (min-width: 992px) { + .navbar-brand picture img { + height: 80px; } } + +.navbar > .container-fluid .navbar-brand { + margin-left: 0px; } + +#quick-search { + background-color: #AAAAAA; } + #quick-search .container .row { + padding-top: 10px; + padding-bottom: 11px; } + +.searchbar-input-md input { + height: 41px; + width: 100%; + padding: 10px; + border: none; + font-size: 14px; + font-family: "Open Sans", sans-serif; + color: #323232; } + +.searchbar-btn-md .btn { + width: 100%; + font-size: 18px; + font-family: "Lato", sans-serif; + letter-spacing: 1px; + padding: 7px; + background-color: #00767A; + color: #fff; } + +.searchbar-input-xs { + padding-right: 0; + margin-right: -15px; } + .searchbar-input-xs .form-control { + line-height: 3; + height: 40px; + border: 0; + border-radius: 0; } + +.searchbar-btn-xs { + padding-left: 0; + padding-right: 0; } + .searchbar-btn-xs .btn { + height: 40px; + width: 100%; + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + background-color: #00767A; } + +@media (min-width: 768px) { + #quick-search .row { + display: flex; + flex-direction: row; } } +@media (min-width: 768px) { + #quick-search .row .searchbar-link-group { + display: flex; + align-items: center; + justify-content: center; } } + +.link-list { + width: 100%; + display: flex; + flex-direction: row; + align-content: space-between; } + .link-list .searchbar-link { + flex-grow: 1; + font-size: 14px; + font-family: "Open Sans", sans-serif; + text-align: center; + letter-spacing: 0.5px; } + .link-list .searchbar-link a { + color: #fff; + text-decoration: underline; + text-decoration-color: #d9d9d9; } + +#agent-profile { + background-color: #EEEEEE; } + @media (min-width: 768px) { + #agent-profile .row { + display: flex; + flex-direction: row; } } + #agent-profile .row #agent-info { + padding-top: 10px; + padding-bottom: 10px; } + @media (min-width: 768px) { + #agent-profile .row #agent-info { + display: flex; + align-items: center; + justify-content: center; } } + #agent-profile .row #agent-links { + padding-top: 10px; + padding-bottom: 10px; } + @media (min-width: 768px) { + #agent-profile .row #agent-links { + display: flex; + align-items: center; + justify-content: center; } } + +.agent-info-wrapper { + width: 100%; } + .agent-info-wrapper h1 { + font-size: 36px; + font-family: "Lato", sans-serif; + color: #323232; + letter-spacing: 2px; } + @media (max-width: 768px) { + .agent-info-wrapper h1 { + margin-top: 10px; } } + .agent-info-wrapper h4 { + font-size: 14px; + font-family: "Open Sans", sans-serif; + color: #AAAAAA; + margin-top: 20px; + letter-spacing: 1px; } + @media (max-width: 768px) { + .agent-info-wrapper h4 { + margin-top: 10px; } } + .agent-info-wrapper .btn { + width: 100%; + font-size: 18px; + font-family: "Lato", sans-serif; + letter-spacing: 1px; + padding: 7px; + margin-top: 25px; + background-color: #00767A; + color: #fff; } + @media (max-width: 768px) { + .agent-info-wrapper .btn { + margin-top: 20px; } } + .agent-info-wrapper .social-icons { + margin-top: 25px; + display: flex; + justify-content: space-between; } + +@media (max-width: 768px) { + #agent-links { + margin-top: 25px; } } + +.agent-links-wrapper { + width: 100%; } + .agent-links-wrapper .agent-link { + padding-bottom: 20px; } + .agent-links-wrapper .agent-link img { + padding-right: 20px; } + .agent-links-wrapper .agent-link span { + color: #00767A; + font-size: 16px; + vertical-align: +5px; } + .agent-links-wrapper .agent-link .phone-number { + color: #595959; } + +#tabs { + margin-top: 36px; + font-size: 18px; + font-family: "Lato", sans-serif; + letter-spacing: 1px; + font-weight: bold; + color: #EEEEEE; } + #tabs .nav-justified li { + border-bottom: 2px solid #C2C2C2; + border-top: none; + border-left: none; + border-right: none; } + #tabs .nav-justified li .one-tab { + border: none; + color: #C2C2C2; } + #tabs .nav-justified .active { + border-bottom: 2px solid #2399A6; + border-top: none; + border-left: none; + border-right: none; } + #tabs .nav-justified .active .one-tab { + border: none; + color: #00767A; } + #tabs .dropdown-toggle { + width: 100%; + background-color: #fff; + border: 1px solid #C2C2C2; + border-radius: 0; + font-size: 16px; + font-weight: bold; + letter-spacing: 1px; + color: #00767A; + display: flex; + justify-content: space-between; } + #tabs .dropdown-toggle img { + padding-top: 8px; } + +#about-me { + padding-top: 30px; } + #about-me .about-me-bio { + font-size: 13px; + font-family: "Open Sans", sans-serif; + line-height: 2; + padding-left: 0; } + @media (max-width: 768px) { + #about-me .about-me-bio { + padding: 0; + font-size: 14px; } } + #about-me .about-me-sidebar { + padding-right: 0; } + @media (max-width: 768px) { + #about-me .about-me-sidebar { + padding: 0; + margin-top: 30px; } } + #about-me .about-me-sidebar h1 { + line-height: 2; + font-size: 16px; + font-weight: bold; + letter-spacing: 1px; + margin-bottom: 5px; } + #about-me .about-me-sidebar p { + font-size: 15px; + font-family: "Open Sans", sans-serif; } + #about-me .about-me-sidebar .designations { + margin-top: 30px; } + +#footer { + width: 100%; + margin-top: 40px; + background-color: #009CAA; + color: #fff; + font-family: "Lato", sans-serif; } + #footer .row { + margin-top: 24px; + margin-bottom: 24px; } + +.footer-left { + font-size: 16px; } + @media (max-width: 768px) { + .footer-left { + text-align: center; } } + .footer-left .company-phone { + letter-spacing: 1px; } + .footer-left .company-phone img { + padding-right: 4px; } + .footer-left .company-address { + margin-top: 10px; + letter-spacing: 1px; } + .footer-left .social-icons { + margin-top: 30px; + display: flex; + justify-content: space-between; } + @media (min-width: 768px) { + .footer-left .social-icons { + width: 220px; } } + +.footer-right .footer-links { + display: flex; + flex-direction: row; + align-content: space-between; } + .footer-right .footer-links .foot-link { + flex-grow: 1; + letter-spacing: 1px; + text-align: right; } + @media (max-width: 768px) { + .footer-right .footer-links .foot-link { + margin-top: 30px; + text-align: center; + font-size: 14px; } } + .footer-right .footer-links .foot-link a { + color: #fff; + text-decoration: underline; } +.footer-right .footer-copyright { + font-size: 12px; + text-align: right; + letter-spacing: 1px; + margin-top: 15px; } + @media (max-width: 768px) { + .footer-right .footer-copyright { + margin-top: 20px; + text-align: center; } } +.footer-right .footer-main-logos { + display: flex; + justify-content: flex-end; + margin-top: 20px; } + @media (max-width: 768px) { + .footer-right .footer-main-logos { + margin-top: 20px; + justify-content: center; } } + .footer-right .footer-main-logos .equal-house { + padding-left: 20px; } + +@media (max-width: 991px) { + .navbar-header { + float: none; } + + .navbar-left, .navbar-right { + float: none !important; } + + .navbar-toggle { + display: block; } + + .navbar-collapse { + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } + + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; } + + .navbar-collapse.collapse { + display: none !important; } + + .navbar-nav { + float: none !important; + margin-top: 7.5px; } + + .navbar-nav > li { + float: none; } + + .navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; } + + .collapse.in { + display: block !important; } } + +/*# sourceMappingURL=main.css.map */ diff --git a/HTML:CSS/Styles/main.css.map b/HTML:CSS/Styles/main.css.map new file mode 100644 index 0000000..20c3472 --- /dev/null +++ b/HTML:CSS/Styles/main.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["reset.scss","main.scss"], +"names": [], +"file": "main.css" +} \ No newline at end of file diff --git a/HTML:CSS/Styles/main.scss b/HTML:CSS/Styles/main.scss new file mode 100644 index 0000000..8e9f582 --- /dev/null +++ b/HTML:CSS/Styles/main.scss @@ -0,0 +1,521 @@ +@import 'reset'; + +// Colors +$white: #fff; +$black: #000; +$gallery-grey: #EEEEEE; +$dove-grey: #6D6D6D; +$scorpion-grey: #595959; +$mine-shaft: #323232; +$silver: #C2C2C2; +$silver-chalice: #AAAAAA; +$bondi-blue: #009CAA; +$eastern-blue: #2399A6; +$teal: #00767A; + +// Fonts +$lato: 'Lato', sans-serif; +$open-sans: 'Open Sans', sans-serif; + +// Media Queries +$sm-screen: "(max-width: 991px)"; +$md-screen: "(min-width: 992px)"; +$not-xs-screen: "(min-width: 768px)"; +$only-xs-screen: "(max-width: 768px)"; + +///////////////////////////////////////////// + +body { + font-family: $lato; +} + +.nav-contact-account { + float: right; + @media #{$md-screen}{ + padding-right: 4px; + } + .nav-item { + padding: 0; + margin-top: 10px; + margin-bottom: 8px; + display: table-cell; + text-align: center; + vertical-align: middle; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 4px; + span { + color: $scorpion-grey; + vertical-align: bottom; + display: inline-block; + position: relative; + font-size: 12px; + letter-spacing: 1px; + } + img { + vertical-align: top; + margin-top: 6%; + margin-left: 0.7%; + margin-bottom: 6px; + position: relative; + } + } +} + +.input-group-addon { + background-color: $teal; + color: $white; +} + +.icon-bar { + margin: auto; + background-color: $bondi-blue; +} + +.navbar-toggle { + margin-top: 15px; + margin-bottom: 0; + padding-right: 0; + padding-top: 0; + padding-bottom: 0; + font-size: 14px; + .icon-bar+.icon-bar { + margin-top: 4px; + } + .bottom-bar { + margin-bottom: 6.5px; + } + .menu-btn-text { + color: $scorpion-grey; + font-size: 12px; + letter-spacing: 1px; + } +} + +#nav-toggle-links { + float: right; + padding-right: 15px; + li { + a { + padding-bottom: 10px; + color: $mine-shaft; + } + } +} + +#header { + margin-bottom: 0px; + background-color: $white; +} + +.navbar-brand { + picture { + img { + @media #{$md-screen}{ + height: 80px; + } + } + } +} + +.navbar>.container-fluid .navbar-brand { + margin-left: 0px; +} + +///////////////////////////////////////////// + +#quick-search { + background-color: $silver-chalice; + .container .row { + padding-top: 10px; + padding-bottom: 11px; + } +} + +.searchbar-input-md { + input { + height: 41px; + width: 100%; + padding: 10px; + border: none; + font-size: 14px; + font-family: $open-sans; + color: $mine-shaft; + } +} + +.searchbar-btn-md { + .btn { + width: 100%; + font-size: 18px; + font-family: $lato; + letter-spacing: 1px; + padding: 7px; + background-color: $teal; + color: $white; + } +} + +.searchbar-input-xs { + padding-right: 0; + margin-right: -15px; + + .form-control { + line-height: 3; + height: 40px; + border: 0; + border-radius: 0; + } +} + +.searchbar-btn-xs { + padding-left: 0; + padding-right: 0; + + .btn { + height: 40px; + width: 100%; + border-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + background-color: $teal; + } +} + +#quick-search { + .row { + @media #{$not-xs-screen}{ + display: flex; + flex-direction: row; + } + .searchbar-link-group { + @media #{$not-xs-screen}{ + display: flex; + align-items: center; + justify-content: center; + } + } + } +} + +.link-list { + width: 100%; + display: flex; + flex-direction: row; + align-content: space-between; + .searchbar-link { + flex-grow: 1; + font-size: 14px; + font-family: $open-sans; + text-align: center; + letter-spacing: 0.5px; + a { + color: $white; + text-decoration: underline; + text-decoration-color: #d9d9d9; + } + } +} + +///////////////////////////////////////////// + +#agent-profile { + background-color: $gallery-grey; + .row { + @media #{$not-xs-screen}{ + display: flex; + flex-direction: row; + } + #agent-info { + @media #{$not-xs-screen}{ + display: flex; + align-items: center; + justify-content: center; + } + padding-top: 10px; + padding-bottom: 10px; + } + #agent-links { + @media #{$not-xs-screen}{ + display: flex; + align-items: center; + justify-content: center; + } + padding-top: 10px; + padding-bottom: 10px; + } + } +} + +.agent-info-wrapper { + width: 100%; + h1 { + font-size: 36px; + font-family: $lato; + color: $mine-shaft; + letter-spacing: 2px; + @media #{$only-xs-screen}{ + margin-top: 10px; + } + } + h4 { + font-size: 14px; + font-family: $open-sans; + color: $silver-chalice; + margin-top: 20px; + letter-spacing: 1px; + @media #{$only-xs-screen}{ + margin-top: 10px; + } + } + .btn { + width: 100%; + font-size: 18px; + font-family: $lato; + letter-spacing: 1px; + padding: 7px; + margin-top: 25px; + background-color: $teal; + color: $white; + @media #{$only-xs-screen}{ + margin-top: 20px; + } + } + .social-icons { + margin-top: 25px; + display: flex; + justify-content: space-between; + } +} + +#agent-links { + @media #{$only-xs-screen}{ + margin-top: 25px; + } +} + +.agent-links-wrapper { + width: 100%; + .agent-link { + padding-bottom: 20px; + img { + padding-right: 20px; + } + span { + color: $teal; + font-size: 16px; + vertical-align: +5px; + } + .phone-number { + color: $scorpion-grey; + } + } +} + +///////////////////////////////////////////// + +#tabs { + margin-top: 36px; + font-size: 18px; + font-family: $lato; + letter-spacing: 1px; + font-weight: bold; + color: $gallery-grey; + .nav-justified { + li { + border-bottom: 2px solid $silver; + border-top: none; + border-left: none; + border-right: none; + .one-tab { + border: none; + color: $silver; + } + } + .active { + border-bottom: 2px solid $eastern-blue; + border-top: none; + border-left: none; + border-right: none; + .one-tab { + border: none; + color: $teal; + } + } + } + .dropdown-toggle { + width: 100%; + background-color: #fff; + border: 1px solid $silver; + border-radius: 0; + font-size: 16px; + font-weight: bold; + letter-spacing: 1px; + color: $teal; + display: flex; + justify-content: space-between; + img { + padding-top: 8px; + } + } +} + +///////////////////////////////////////////// + +#about-me { + padding-top: 30px; + .about-me-bio { + font-size: 13px; + font-family: $open-sans; + line-height: 2; + padding-left: 0; + @media #{$only-xs-screen}{ + padding: 0; + font-size: 14px; + } + } + .about-me-sidebar { + padding-right: 0; + @media #{$only-xs-screen}{ + padding: 0; + margin-top: 30px; + } + h1 { + line-height: 2; + font-size: 16px; + font-weight: bold; + letter-spacing: 1px; + margin-bottom: 5px; + } + p { + font-size: 15px; + font-family: $open-sans; + } + .designations { + margin-top: 30px; + } + } +} + +///////////////////////////////////////////// + +#footer { + width: 100%; + margin-top: 40px; + background-color: $bondi-blue; + color: $white; + font-family: $lato; + .row { + margin-top: 24px; + margin-bottom: 24px; + } +} + +.footer-left { + font-size: 16px; + @media #{$only-xs-screen}{ + text-align: center; + } + .company-phone { + letter-spacing: 1px; + img { + padding-right: 4px; + } + } + .company-address { + margin-top: 10px; + letter-spacing: 1px; + } + .social-icons { + margin-top: 30px; + display: flex; + justify-content: space-between; + @media #{$not-xs-screen}{ + width: 220px; + } + } +} + +.footer-right { + .footer-links { + display: flex; + flex-direction: row; + align-content: space-between; + .foot-link { + flex-grow: 1; + letter-spacing: 1px; + text-align: right; + @media #{$only-xs-screen}{ + margin-top: 30px; + text-align: center; + font-size: 14px; + } + a { + color: $white; + text-decoration: underline; + } + } + } + .footer-copyright { + font-size: 12px; + text-align: right; + letter-spacing: 1px; + margin-top: 15px; + @media #{$only-xs-screen}{ + margin-top: 20px; + text-align: center; + } + } + .footer-main-logos { + display: flex; + justify-content: flex-end; + @media #{$only-xs-screen}{ + margin-top: 20px; + justify-content: center; + } + margin-top: 20px; + .equal-house { + padding-left: 20px; + } + } +} + +// Navbar Toggle Breakpoint Override - set to 991px breakpoint + +@media #{$sm-screen}{ + .navbar-header { + float: none; + } + .navbar-left,.navbar-right { + float: none !important; + } + .navbar-toggle { + display: block; + } + .navbar-collapse { + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); + } + .navbar-fixed-top { + top: 0; + border-width: 0 0 1px; + } + .navbar-collapse.collapse { + display: none!important; + } + .navbar-nav { + float: none!important; + margin-top: 7.5px; + } + .navbar-nav>li { + float: none; + } + .navbar-nav>li>a { + padding-top: 10px; + padding-bottom: 10px; + } + .collapse.in{ + display:block !important; + } +} diff --git a/HTML:CSS/Styles/reset.scss b/HTML:CSS/Styles/reset.scss new file mode 100644 index 0000000..ed11813 --- /dev/null +++ b/HTML:CSS/Styles/reset.scss @@ -0,0 +1,48 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/HTML:CSS/index.html b/HTML:CSS/index.html new file mode 100644 index 0000000..386c1c1 --- /dev/null +++ b/HTML:CSS/index.html @@ -0,0 +1,233 @@ + + + + + + + TEN Realty + + + + + + + + + + + + + + +
+
+
+
+ Responsive image +
+
+
+

Jane Smith

+

REALTOR®

+ + +
+
+ +
+
+
+ + + +
+
+
+ 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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +
+ +
+
+
+
+
+ + + + + diff --git a/Javascript/js_test.html b/Javascript/js_test.html index 94008fe..e76dde1 100755 --- a/Javascript/js_test.html +++ b/Javascript/js_test.html @@ -50,9 +50,9 @@ - - - + + +

Manipulate the Last LI

Select the Last Li in this list and turn its text red.

@@ -67,11 +67,11 @@

Manipulate the Last LI

- - - - - + + + + +

Select specific children from a nested list.

Select the only the first children of the LI "Sally".

@@ -101,11 +101,11 @@

Select specific children from a nested list.

- - - - - + + + + +

Get a Field value and Write it to the page

Write the value of the "Code Types" select field to a new div within the fieldset.

@@ -120,24 +120,24 @@

Get a Field value and Write it to the page

- - - - + + + +

Find Dimensions of an Element

Write actual rendered dimensions of the following div including any padding to the div itself.

This is a div. How big am i?
- - - - + + + +

Events

Place a click event on the following link. When clicked toggle it's class name from 'clicked' to 'not-clicked'.

Click Me - - - - + + + +

Ajax

Call ajax_return.html and write's its json as a "name": "value" list to the following div:

My Response Was...
@@ -146,5 +146,47 @@

Ajax

Note: You have jquery already loaded on the page. Please also write your jquery in a no conflict manner. --> + - \ No newline at end of file +