diff --git a/MakkalaJagriti b/MakkalaJagriti new file mode 160000 index 0000000..9a33064 --- /dev/null +++ b/MakkalaJagriti @@ -0,0 +1 @@ +Subproject commit 9a33064a9737833451b0f442f11c1d679a2650ca diff --git a/MakkalaJagriti-1 b/MakkalaJagriti-1 new file mode 160000 index 0000000..6e22bda --- /dev/null +++ b/MakkalaJagriti-1 @@ -0,0 +1 @@ +Subproject commit 6e22bda1a3cd629703578681c14a6efba0e5ead7 diff --git a/src/navbar/nav.html b/src/navbar/nav.html new file mode 100644 index 0000000..c9871fc --- /dev/null +++ b/src/navbar/nav.html @@ -0,0 +1,22 @@ + + Makkala Jagriti + + + + + + + + diff --git a/src/navbar/style.css b/src/navbar/style.css new file mode 100644 index 0000000..c0326f6 --- /dev/null +++ b/src/navbar/style.css @@ -0,0 +1,65 @@ +ul { + background-color:rgb(14, 36, 110); + overflow: hidden; + position:fixed; + top:0; + width:100%; +} + +li { + float: left; + color:rgb(221, 209, 209); + text-align: center; + padding: 10px; + text-decoration: underline; + font-size: 30px; +} + +.search +{ + display: inline-flex; + flex: 1 1 300px; + position: relative; + overflow: hidden; +} +.searchButton { + background: #538AC5; + border: 0; + color: white; + padding: 2px; + border-radius: 0; + } + +li:hover { + background-color:gray; + color: white; +} + +.container { + display: flex; + } + .search { + flex: 1; + } + .container > li { + flex: 1; + } + @media all and (max-width: 600px) { + + .container { + flex-wrap: wrap; + } + + .container > li { + flex-basis: 50%; + } + } + @media all and (max-width: 400px) { + .container > li { + flex-basis: 100%; + } + .search { + order: 1; + } + } + \ No newline at end of file