diff --git a/.sass-cache/cb74dca68057977652e0c31e103d513d0b8c1389/sass.scssc b/.sass-cache/cb74dca68057977652e0c31e103d513d0b8c1389/sass.scssc index cd062f2..72ac307 100644 Binary files a/.sass-cache/cb74dca68057977652e0c31e103d513d0b8c1389/sass.scssc and b/.sass-cache/cb74dca68057977652e0c31e103d513d0b8c1389/sass.scssc differ diff --git a/appointment_submit.php b/appointment_submit.php new file mode 100644 index 0000000..526ef78 --- /dev/null +++ b/appointment_submit.php @@ -0,0 +1,21 @@ +"; +echo "$message"; \ No newline at end of file diff --git a/dashboard.php b/dashboard.php index bdb3182..2a13095 100644 --- a/dashboard.php +++ b/dashboard.php @@ -12,7 +12,7 @@ echo "Welcome to the dashboard, $_SESSION[first_name]"; echo "
"; -echo "Logout"; +echo "
Logout
"; echo "
"; require('connect_db.php'); diff --git a/footer.html b/footer.html index 967b1ad..6d18e0a 100644 --- a/footer.html +++ b/footer.html @@ -1,5 +1,8 @@ + \ No newline at end of file diff --git a/header.html b/header.html index c06c88c..8bace1c 100644 --- a/header.html +++ b/header.html @@ -8,5 +8,7 @@

Hospital App

 +
-
\ No newline at end of file +
+
\ No newline at end of file diff --git a/images/banner.jpg b/images/banner.jpg new file mode 100644 index 0000000..ac5d25e Binary files /dev/null and b/images/banner.jpg differ diff --git a/index.php b/index.php index 4051752..0fec606 100644 --- a/index.php +++ b/index.php @@ -2,6 +2,7 @@ include('header.html'); include('logout_link.php'); +echo "
"; echo "Make an appointment today."; echo "
"; //Allow doctor to sign in, if they are already then link to dashboard @@ -16,4 +17,5 @@
Logout"; } +echo "
"; include('footer.html'); \ No newline at end of file diff --git a/output.css b/output.css index 2f3f4cc..b1e8095 100644 --- a/output.css +++ b/output.css @@ -3,18 +3,64 @@ header { left: 0; top: 0; background: #80488C; - width: 100%; } - -header a { - color: white; - text-indent: 5em; } + width: 100%; + z-index: -2; } + header a { + color: white; + text-indent: 5em; + z-index: 10; } + header .banner { + position: relative; + width: 100%; + height: 400px; + overflow: hidden; } + header .banner img { + position: absolute; + bottom: 0; + max-width: 100%; + display: block; } .vertical_spacer { - height: 12em; } + margin-top: 200px; } + +main { + z-index: 2; + background: #fff; + width: 80%; + margin: auto; + padding: 20px; + padding-bottom: 200px; } + main #logout { + position: absolute; + top: 30px; + right: 30px; } + main #logout a { + color: #fff; + font-size: 20px; } + main .flexbox { + display: flex; + justify-content: space-around; } + main .flexbox a { + color: #aaa; } + main .dropdown-menu { + position: absolute; + background-color: #9F71A8; + color: #fff; } -.dropdown-menu { +footer { position: absolute; - background-color: #9F71A8; - color: #fff; } + left: 0; + width: 100%; + color: #aaa; } + footer h4 { + position: absolute; + bottom: 10px; + right: 10px; + font-style: italic; + margin-right: 10px; } + footer .stripe { + width: 100%; + height: 180px; + background-color: #445; } /*# sourceMappingURL=output.css.map */ diff --git a/output.css.map b/output.css.map index 0ca0c8a..6b619bc 100644 --- a/output.css.map +++ b/output.css.map @@ -1,6 +1,6 @@ { "version": 3, -"mappings": "AAYA,MAAM;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAC,CAAC;EACN,GAAG,EAAC,CAAC;EACL,UAAU,EAfK,OAAO;EAgBtB,KAAK,EAAE,IAAI;;AAEZ,QAAQ;EACP,KAAK,EAAE,KAAK;EACZ,WAAW,EAXS,GAAG;;AAcxB,gBAAgB;EACf,MAAM,EAhBY,IAAI;;AAmBvB,cAAc;EACb,QAAQ,EAAE,QAAQ;EAClB,gBAAgB,EAxBC,OAAO;EAyBxB,KAAK,EAAE,IAAI", +"mappings": "AAYA,MAAM;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAC,CAAC;EACN,GAAG,EAAC,CAAC;EACL,UAAU,EAfK,OAAO;EAgBtB,KAAK,EAAE,IAAI;EACX,OAAO,EAAE,EAAE;EACX,QAAC;IACA,KAAK,EAAE,KAAK;IACZ,WAAW,EAXQ,GAAG;IAYtB,OAAO,EAAE,EAAE;EAGZ,cAAO;IACN,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,KAAK;IACb,QAAQ,EAAE,MAAM;IAChB,kBAAG;MACF,QAAQ,EAAE,QAAQ;MAClB,MAAM,EAAE,CAAC;MACT,SAAS,EAAE,IAAI;MACf,OAAO,EAAE,KAAK;;AAKjB,gBAAgB;EACf,UAAU,EA/BQ,KAAK;;AAkCxB,IAAI;EACH,OAAO,EAAE,CAAC;EACV,UAAU,EAAE,IAAI;EAChB,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,OAAO,EAAE,IAAI;EACb,cAAc,EAxCI,KAAK;EAyCvB,YAAO;IACN,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAC,IAAI;IACR,KAAK,EAAC,IAAI;IACV,cAAC;MACA,KAAK,EAAE,IAAI;MACX,SAAS,EAAE,IAAI;EAIjB,aAAQ;IACP,OAAO,EAAE,IAAI;IACb,eAAe,EAAE,YAAY;IAE7B,eAAC;MACA,KAAK,EAAE,IAAI;EAIb,mBAAc;IACb,QAAQ,EAAE,QAAQ;IAClB,gBAAgB,EAjEA,OAAO;IAkEvB,KAAK,EAAE,IAAI;;AAKb,MAAM;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,CAAC;EACP,KAAK,EAAE,IAAI;EACX,KAAK,EAAE,IAAI;EACX,SAAE;IACD,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,IAAI;EAEnB,cAAO;IACN,KAAK,EAAE,IAAI;IACX,MAAM,EAAE,KAAK;IACb,gBAAgB,EAAE,IAAI", "sources": ["sass.scss"], "names": [], "file": "output.css" diff --git a/sass.scss b/sass.scss index 48b6029..b825c94 100644 --- a/sass.scss +++ b/sass.scss @@ -7,7 +7,7 @@ $color-primary-0: #632770; $color-primary-1: #9F71A8; //Spacing -$vertical_spacing: 12em; +$vertical_spacing: 200px; $horizontal_spacing: 5em; header{ @@ -16,18 +16,80 @@ header{ top:0; background: $heading_color; width: 100%; -} -header a{ - color: white; - text-indent: $horizontal_spacing; + z-index: -2; + a{ + color: white; + text-indent: $horizontal_spacing; + z-index: 10; + } + + .banner{ + position: relative; + width: 100%; + height: 400px; + overflow: hidden; + img{ + position: absolute; + bottom: 0; + max-width: 100%; + display: block; + } + } } .vertical_spacer{ - height: $vertical_spacing; + margin-top: $vertical_spacing; } -.dropdown-menu{ +main{ + z-index: 2; + background: #fff; + width: 80%; + margin: auto; + padding: 20px; + padding-bottom: $vertical_spacing; + #logout{ + position: absolute; + top:30px; + right:30px; + a{ + color: #fff; + font-size: 20px; + } + } + + .flexbox{ + display: flex; + justify-content: space-around; + + a{ + color: #aaa; + } + } + + .dropdown-menu{ + position: absolute; + background-color: $color-primary-1; + color: #fff; + } + +} + +footer{ position: absolute; - background-color: $color-primary-1; - color: #fff; + left: 0; + width: 100%; + color: #aaa; + h4{ + position: absolute; + bottom: 10px; + right: 10px; + font-style: italic; + margin-right: 10px; + } + .stripe{ + width: 100%; + height: 180px; + background-color: #445; + } } \ No newline at end of file