diff --git a/Change required in team page/Navbars/Drive/Drive.html b/Change required in team page/Navbars/Drive/Drive.html new file mode 100644 index 0000000..2409e10 --- /dev/null +++ b/Change required in team page/Navbars/Drive/Drive.html @@ -0,0 +1,20 @@ + + + + + + + + + + + + + + + diff --git a/Change required in team page/Navbars/Footer/footer.html b/Change required in team page/Navbars/Footer/footer.html new file mode 100644 index 0000000..e79db1d --- /dev/null +++ b/Change required in team page/Navbars/Footer/footer.html @@ -0,0 +1,63 @@ + + + + + + + Document + + + + + + + + + + + diff --git a/Change required in team page/Navbars/Footer/style.css b/Change required in team page/Navbars/Footer/style.css new file mode 100644 index 0000000..eeec15e --- /dev/null +++ b/Change required in team page/Navbars/Footer/style.css @@ -0,0 +1,70 @@ +#footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; +} + +.details { + overflow: hidden; + padding: 3em 0em; + background: #E3F0F7; + text-align: center; + margin-top: 5em; +} + +#footer #col1, +#footer #col2, +#footer #col3 { + float: left; + width: 320px; + padding: 0px 40px 0px 40px; +} + +#footer #icon { + display: block; + margin-bottom: 1em; + font-size: 3em; +} + +.copyright { + overflow: hidden; + padding: 3em 0em; + border-top: 20px solid rgba(255, 255, 255, 0.08); + text-align: center; + background: teal; +} + +.p { + letter-spacing: 1px; + font-size: 0.90em; + color: rgba(255, 255, 255, 0.6); +} + +.copyright a { + text-decoration: none; + color: rgba(255, 255, 255, 0.8); +} + +ul.contact { + margin: 0; + padding: 2em 0em 0em 0em; + list-style: none; +} + +ul.contact li { + display: inline; + margin: 4px; +} + +ul.contact li a { + color: #FFF; + display: inline-block; + background: black; + padding: 10px; + border-radius: 100%; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; +} \ No newline at end of file diff --git a/Change required in team page/Navbars/NavStyle.css b/Change required in team page/Navbars/NavStyle.css new file mode 100644 index 0000000..aafcb26 --- /dev/null +++ b/Change required in team page/Navbars/NavStyle.css @@ -0,0 +1,123 @@ +* { + padding: 0; + margin: 0; + text-decoration: none; + list-style: none; +} + +body { + font-family: montserrat; +} + +.navbar { + height: 80px; + width: 100%; + background: teal; +} + +label.logo { + font-size: 35px; + font-weight: bold; + color: white; + padding: 0 100px; + line-height: 80px; +} + +.navbar ul { + float: right; + margin-right: 40px; +} + +.navbar li { + display: inline-block; + margin: 0 8px; + line-height: 80px; +} + +.navbar a { + color: white; + font-size: 18px; + text-transform: uppercase; + border: 1px solid transparent; + padding: 0; + border-radius: 3px; +} + +.navlink a, +a:hover { + border: 1px solid white; + padding: 4px; + transition: .5s; +} + +.material-icons { + color: white; + font-size: 30px; + line-height: 80px; + float: right; + margin-right: 40px; + cursor: pointer; +} + +@media (max-width: 1048px) { + .material-icons { + font-size: 32px; + padding-left: 60px; + } + .navbar ul { + margin-right: 20px; + } + .navlink a { + font-size: 17px; + } +} + +@media (max-width :909px) { + .material-icons { + display: block; + } + .navbar ul { + position: fixed; + width: 100%; + height: 100vh; + background: #2f3640; + top: 80px; + left: -100%; + text-align: center; + } + .navbar li { + display: block; + margin: 50px 0; + line-height: 30px; + } + .navbar a { + font-size: 20px; + } + .navbar a.active, + a:hover { + border: none; + color: blue; + } + .navbar ul.show { + left: 0; + } +} + +.image { + vertical-align: middle; + margin-left: auto; + margin-right: auto; + margin-top: 6px; + padding: 10px; + width: 150px; + height: 150px; + border-radius: 50%; + display: -ms-flexbox; + display: flex; + align-items: center; + border: solid 1px black; +} + +.link { + text-align: center; +} \ No newline at end of file diff --git a/Change required in team page/Navbars/Navbar.js b/Change required in team page/Navbars/Navbar.js new file mode 100644 index 0000000..ca45da1 --- /dev/null +++ b/Change required in team page/Navbars/Navbar.js @@ -0,0 +1,5 @@ +$(document).ready(function() { + $('.material-icons').click(function() { + $('ul').toggleClass('show') + }); +}); \ No newline at end of file diff --git a/Change required in team page/Navbars/cards/cards.css b/Change required in team page/Navbars/cards/cards.css new file mode 100644 index 0000000..7fcfbb7 --- /dev/null +++ b/Change required in team page/Navbars/cards/cards.css @@ -0,0 +1,45 @@ +* { + box-sizing: border-box; +} + +body { + font-family: Arial, Helvetica, sans-serif; +} + +.column { + float: left; + width: 25%; + padding: 0 10px; +} + +.row { + margin: 0 -5px; +} + +.row:after { + content: ""; + display: table; + clear: both; +} + + +/* Style the counter cards */ + +.card { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + height: 200px; + padding: 16px; + text-align: center; + background-color: #f1f1f1; +} + + +/* Responsive columns*/ + +@media screen and (max-width: 600px) { + .column { + width: 100%; + display: block; + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/Change required in team page/Navbars/cards/cards.hml b/Change required in team page/Navbars/cards/cards.hml new file mode 100644 index 0000000..1f2de71 --- /dev/null +++ b/Change required in team page/Navbars/cards/cards.hml @@ -0,0 +1,28 @@ + + + + + + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + diff --git a/Change required in team page/Navbars/nav.html b/Change required in team page/Navbars/nav.html new file mode 100644 index 0000000..9ec2dd5 --- /dev/null +++ b/Change required in team page/Navbars/nav.html @@ -0,0 +1,57 @@ + + + + + + + + + + + + + + + +
+ + + + + + dehaze + + + +
+ + + + + +
+ +

Kumari Anjali

+

+ Github profile + +

+ + + + +
+ + + + + +