diff --git a/static/contact.css b/static/contact.css new file mode 100644 index 0000000..4106807 --- /dev/null +++ b/static/contact.css @@ -0,0 +1,55 @@ +body { + margin: 0; + } + + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + .column { + float: left; + width: 33.3%; + margin-bottom: 16px; + padding: 0 8px; + } + + .card { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + margin: 8px; + } + + .about-section { + padding: 30px; + text-align: center; + background-color: #bf7016; + color: white; + } + + .container { + padding: 0 16px; + } + + .container::after, .row::after { + content: ""; + clear: both; + display: table; + } + + .title { + color: grey; + } + + .button:hover { + background-color: #555; + } + + @media screen and (max-width: 650px) { + .column { + width: 100%; + display: block; + } + } \ No newline at end of file diff --git a/static/contact.html b/static/contact.html new file mode 100644 index 0000000..1ba69a1 --- /dev/null +++ b/static/contact.html @@ -0,0 +1,95 @@ + + + + + + Contact + + + + + +
+

About Us / Contact Page

+

Who are we??

+
+ +

Team

+ +
+
+
+ Joe +
+

Joe

+

back-end

+

Lorem ipsum dolor sit amet.

+

joe@Placeholders.com

+
+
+
+ +
+
+ Joe2 +
+

Joe 2

+

front-end

+

Lorem ipsum dolor sit amet.

+

joe2@Placeholders.com

+
+
+
+ +
+
+ Joe3 +
+

Joe 3

+

stinky

+

Lorem ipsum dolor sit amet.

+

joe3@Placeholders.com

+
+
+
+
+ +
+
+
+ Joe4 +
+

Joe4

+

back-end

+

Lorem ipsum dolor sit amet.

+

joe@Placeholders.com

+
+
+
+ +
+
+ Joe5 +
+

Joe 5

+

front-end

+

Lorem ipsum dolor sit amet.

+

joe2@Placeholders.com

+
+
+
+ +
+
+ Joe6 +
+

Joe 6

+

stinky

+

Lorem ipsum dolor sit amet.

+

joe3@Placeholders.com

+
+
+
+
+ + \ No newline at end of file diff --git a/static/index.html b/static/index.html index 21eff23..c48741e 100644 --- a/static/index.html +++ b/static/index.html @@ -16,7 +16,6 @@
  • Register
    • -
  • Login
    • @@ -37,6 +36,9 @@ Secret +
  • + Contact +
    • - + \ No newline at end of file