diff --git a/indexcss.css b/css/indexcss.css similarity index 88% rename from indexcss.css rename to css/indexcss.css index ce8d55d..f96dc99 100644 --- a/indexcss.css +++ b/css/indexcss.css @@ -1,71 +1,71 @@ -.detail{ - height: 150px; - width: 350px; - background-color: rgb(100,150,250); - padding: 25px; - border-radius: 25px; - box-shadow: powderblue; -} -a{ - font-size:35px; - color: ivory; - text-align: center; - padding-top:25px; - padding-left: 25px; -} -.login{ - width:150px; - height:50px; - padding:10px; - border-radius:20px; - background-color:teal; -} -body{ - background-image: url(img.jpg); - background-repeat:no-repeat; - background-position: center ; - background-attachment: scroll; - background-size: cover; - background-blend-mode: lighten; -} -p{ - font-family: "Trebuchet MS", Helvetica, sans-serif; - font-size: 30px; - text-align: center; - color:white; -} -h1{ - font-family: "Lucida Console", Monaco, monospace; - color:rgb(0,128,128); -} -.sticky { - position: fixed; - top: 0; - width: 100% -} -.sticky + .content { - padding-top: 102px; -} -.content { - padding: 16px;dow - position:relative; -} -.top-container { - background-color: rgb(150,150,150); - padding: 30px; - text-align: center; - border-radius: 50px; -} -.login:hover{ - box-shadow: 5px 5px grey; -} -.appointment{ - width:350px; - height:50px; - padding:10px; - border-radius:20px; - background-color:teal; -} -.appointment:hover{ - box-shadow: 5px 5px grey; +.detail{ + height: 150px; + width: 350px; + background-color: rgb(100,150,250); + padding: 25px; + border-radius: 25px; + box-shadow: powderblue; +} +a{ + font-size:35px; + color: ivory; + text-align: center; + padding-top:25px; + padding-left: 25px; +} +.login{ + width:150px; + height:50px; + padding:10px; + border-radius:20px; + background-color:teal; +} +body{ + background: url("https://static.dezeen.com/uploads/2017/02/sheffield-childrens-hospital-morag-myerscough-interior-design-uk_dezeen_2364_hero.gif"); + background-repeat:no-repeat; + background-position: center ; + background-attachment: scroll; + background-size: cover; + background-blend-mode: lighten; +} +p{ + font-family: "Trebuchet MS", Helvetica, sans-serif; + font-size: 30px; + text-align: center; + color:white; +} +h1{ + font-family: "Lucida Console", Monaco, monospace; + color:rgb(0,128,128); +} +.sticky { + position: fixed; + top: 0; + width: 100% +} +.sticky + .content { + padding-top: 102px; +} +.content { + padding: 16px;dow + position:relative; +} +.top-container { + background-color: rgb(150,150,150); + padding: 30px; + text-align: center; + border-radius: 50px; +} +.login:hover{ + box-shadow: 5px 5px grey; +} +.appointment{ + width:350px; + height:50px; + padding:10px; + border-radius:20px; + background-color:teal; +} +.appointment:hover{ + box-shadow: 5px 5px grey; } \ No newline at end of file diff --git a/register.css b/css/register.css similarity index 75% rename from register.css rename to css/register.css index a36ee77..8d99f9e 100644 --- a/register.css +++ b/css/register.css @@ -1,30 +1,30 @@ -body - { - background-image: url(blur-clinic-health.jpg); - background-repeat: no-repeat; - background-size: cover; - } - h1 - { - color:blue; - font-size:60; - - } -.table - { - border-color: white; - } -input[type=submit] - { - width:100%; - background-color:teal; - color: white; - padding: 14px 20px; - margin: 8px 0; - border:none; - border-radius: 4px; - cursor: pointer; - - } - +body + { + background-image: url("https://www.incimages.com/uploaded_files/image/970x450/getty_618526794_345052.jpg"); + background-repeat: no-repeat; + background-size: cover; + } + h1 + { + color:blue; + font-size:60; + + } +.table + { + border-color: white; + } +input[type=submit] + { + width:100%; + background-color:teal; + color: white; + padding: 14px 20px; + margin: 8px 0; + border:none; + border-radius: 4px; + cursor: pointer; + + } + \ No newline at end of file diff --git a/img.jpg b/img.jpg deleted file mode 100644 index 54c1943..0000000 Binary files a/img.jpg and /dev/null differ diff --git a/index.html b/index.html index 0d17122..12993e5 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@
+
Our specialised doctors