From eb24d4957ee5da7ba9ad2cb5f135bf8ad8467503 Mon Sep 17 00:00:00 2001 From: Pavan Sai Venkata Durga Prashanth Korapati <134833398+kpsvdp@users.noreply.github.com> Date: Thu, 8 Feb 2024 20:11:04 +0000 Subject: [PATCH] Add files via upload --- style.css | 130 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 130 insertions(+) create mode 100644 style.css diff --git a/style.css b/style.css new file mode 100644 index 0000000..ca164c6 --- /dev/null +++ b/style.css @@ -0,0 +1,130 @@ +body { + margin: 0px; + padding: 0px; + list-style-type: none; +} +header h1{ + text-align: center; +} +nav{ + width: 100%; + height: 50px; + background-color: rgb(8, 79, 112); +} +.menu-list { + float: left; +} +.menu-list li{ + color: white; + list-style-type: none; + display: inline-block; + content: normal; + justify-content: center; + align-items: center; + margin: 0px 20px; + font-weight: bold; + font-size: 110%; +} +.menu-list li a { + text-decoration: none; + color: #fff; +} +main img{ + width: 100%; + height: 500px; + position: relative; +} +#background { + width: 100%; + height: 100px; + background-color: black; + opacity: 0.7; + position: absolute; + top:530px; +} +#background h3{ + color: #fff; + text-align: center; + padding-top: 5px; +} + +#background p{ + color: #fff; + text-align: center; + text-decoration: underline; +} +.sub-sections { + width: 94%; + height: 500px; + background-color: aliceblue; + padding: 0% 3%; + margin-top: -2%; + +} + +.sub-tile{ + width: 23%; + display: inline-block; + margin-left:1%; +} + +.sub-tile h1 { + text-align: center; +} +.sub-tile img{ + width: 100%; + height: 300px; +} + +.sub-tile p{ + margin-top: -2px; + font-weight: bold; + padding-top: 10px; + text-align: center; +} +.sub-tile p span{ + margin-left: 15px; + color: #084f70; +} + +.btn{ + border: none; + border-radius: 10px; + padding: 10px 20px; + margin: 0px 30%; + font-weight: bold; + cursor: pointer; + background-color: #084f70; + color: white; +} + +footer { + background-color: #084f70; + width: 100%; + height: 50px; + margin-top: -80px; +} + +footer p{ + text-align: center; + font-size: 18px; + color: white; + padding: 12px; +} + +#content{ + width: 96%; + margin-bottom: 50px; + display: inline-flex; + padding: 2%; +} + +#content img{ + width: 35%; + height: 320px; +} +#content div{ + width: 60%; + text-align: justify; + margin-left: 2%; +} \ No newline at end of file