diff --git a/base.css b/base.css new file mode 100644 index 0000000..090ea0e --- /dev/null +++ b/base.css @@ -0,0 +1,219 @@ +* { + /*border: 1px black dotted*/ +} +html, body{ + width: 100%; + height: 100%; + padding: 0; + marging: 0; + background-color: #FFE9E8; +} + + +/*navigation bar*/ +.banner{ + background-color:lightgray; + height: 7%; + position: fixed; + width:100%; + top: 0; +} +.navigation ul{ + list-style-type: none; + text-align: center; +} + +.navigation li { + display: inline; + border-right: 2px black solid; + border-left: 2px black solid; +} + +.navigation a { + color: brown; + text-align: center; + padding: 2px 30px; + text-decoration: none; + font-size: 16px; +} + +li:hover { + background-color: pink; + border-radius: 10px; +} + +/*main body*/ +.main{ + width: 100%; +} +.about { + padding: 100px 0; + border-top: 1px solid black; + border-bottom: 1px solid black; +} + +.recipes{ + padding: 100px 0; + border-top: 1px solid black; + border-bottom: 1px solid black; +} + +.contact { + padding: 100px 0; + border-top: 1px solid black; + border-bottom: 1px solid black; +} + +.main:hover { + opacity:.8px; +} + + +/*footer*/ +.mainfooter{ + background-color:lightgray; + width:100%; + height: 5%; + position: fixed; + bottom: 0; +} +.footer{ + font-size: 11px; + color: #000000; + width: 80%; + margin:auto; +} + +.footerinner ul{ + color: #000000; + list-style-type: none; + text-align: center; +} +.footerinner li{ + display: inline; + padding: 2px 30px; + border-right: 2px, solid, black; + border-left: 2px solid black; +} + +.footerinner a{ + color: brown; + text-align: center; + text-decoration: none; +} +.copy{ + font-size: 10px; +} + + +/* Contact Us Page*/ +.mainbox{ + font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; + display: block; + background-color:lightgray; + width:80%; + height: 55%; + margin-bottom: 7%; + margin-top: 9%; + margin-left: auto; + margin-right: auto; + border: 7px; + border-style: groove; + border-radius: 10px; +} + +.box1{ + text-align: center; +} +.box2{ + background-color:#FFE9E8; + width: 97%; + height: 52%;; + margin: auto; + border: 5px; + border-style: none; + border-radius: 10px; +} + +.form{ + height: 90%; +} + +input[type="email"], input[type="text"]{ + display: inline-block; + width: 50%; + background-color: white; + border: none; + padding: 10px; + margin: 10px; + font-size: 1em; + float: left; + border-radius: 10px; +} + +textarea{ + display: inline-block; + position: absolute; + top: 37%; + right: 8.5%; + font-size: 1em; + background-color: white; + border: none; + border-radius: 10px; + padding: 10px; + margin-right: 40px; + float: right; + width: 35%; +} +input[type="submit"]{ + position: relative; + top: 120%; + left: 20%; + background: none; + color: brown; + border: 2px solid brown; + border-radius: 10px; + border-style: groove; + font-size: 0.8em; + padding: 10px; + width: 20%; +} +.mainThanks{ + font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; + display: block; + background-color:lightgray; + width:80%; + height: 55%; + margin-bottom: 7%; + margin-top: 9%; + margin-left: auto; + margin-right: auto; + border: 7px; + border-style: groove; + border-radius: 10px; + text-align: center; +} +#FAQ:hover{ + text-decoration: none; + color: brown; + opacity:.8px; +} + + + + + + + + + + + + + + + + + + + diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..f56e4ec --- /dev/null +++ b/contact.html @@ -0,0 +1,65 @@ + + + + + + Contact Us + + + + + +
+ +
+ + +
+
+

Contact Us

+
+
+
+ + + + + + + + +
+
+
+ + +
+
+
+ +
+
+
+ + + + \ No newline at end of file diff --git a/home.html b/home.html deleted file mode 100644 index f8479dd..0000000 --- a/home.html +++ /dev/null @@ -1,63 +0,0 @@ - - - - - - - - - - - -
- -
- - -
-
- -
- -
- -
- -
- -
-
- - -<<<<<<< HEAD - -
- -
-======= -

© ->>>>>>> 1b86069953f7338f5c3948947b66151ccc44194c - - -

- -
- - - - diff --git a/index.html b/index.html index 54d0bb9..4f9aef5 100644 --- a/index.html +++ b/index.html @@ -2,53 +2,64 @@ - - + + Just Desserts -
- +
+
-
-
- About Us -

ABOUT US

-
+
+
+
+ About Us +

ABOUT US

+
-
- About Us -

RECIPES

-
+
+ About Us +

RECIPES

+
-
- About Us -

CONTACT US

-
-
- - -

© - - -

-
    -
  • JUSTDESSERTS©
    • -
  • SITEMAP
    • -
  • EMAIL
    • -
  • TELEPHONE
    • -
-
+
+ About Us +

CONTACT US

+
+
+
+ +
+
+
+ +
+
+
diff --git a/styles.css b/styles.css deleted file mode 100644 index 425a324..0000000 --- a/styles.css +++ /dev/null @@ -1,94 +0,0 @@ -<<<<<<< HEAD -======= -/*navigation bar*/ ->>>>>>> 1b86069953f7338f5c3948947b66151ccc44194c -.navigation ul{ - list-style-type: none; - text-align: center; - width:100%; -} - -ul li { - display: inline-block; - border-right: 2px black solid; - border-left: 2px black solid; -} - -li a { - color: black; - text-align: center; - padding: 5px 40px; - text-decoration: none; -} -hr { - color: pink; -} - -li:hover { - background-color:red; -} - -.active{ - background-color: pink; -} - - -<<<<<<< HEAD -.navigation:hover { -} - -.disclaimer ul{ - - color: #000000; - display:inline-block; - list-style-type: none; - text-align: center; - width:100%; - -} - -.disclaimer li{ - - margin: auto; - padding: 10px 20px; - border-right: 2px, solid, black; - border-left: 2px solid black; - - -} - -.copy{ - font-size: 10px; - -======= -/*main body*/ -.about { - padding: 75px; - border: 1px solid black; -} - -.recipes{ - padding: 75px; - border: 1px solid black; -} - -.contact { - padding: 75px; - border: 1px solid black; -} - -.main:hover { - opacity:.8px; -} - - -/*footer*/ -#disclaimer{ - font-size: small; - color: #000000; - list-style-type: none; - margin: 0; - padding: 0; - display:inline; ->>>>>>> 1b86069953f7338f5c3948947b66151ccc44194c -} \ No newline at end of file diff --git a/thanks.html b/thanks.html new file mode 100644 index 0000000..1b95746 --- /dev/null +++ b/thanks.html @@ -0,0 +1,59 @@ + + + + + + Thanks + + + + + +
+ +
+ + +
+
+

We thank you for the contact!

+ +
+
+

We have received your message! We try to respond as soon as possible.

+

In the meantime, you can check the FAQ section!

+
+ +
+ + +
+
+
+ +
+
+
+ + + + \ No newline at end of file