From cdb2142b7a625c2dcb612a9d5f4210cdc4879e40 Mon Sep 17 00:00:00 2001 From: Abraham Raji <avronr@tuta.io> Date: Mon, 21 Sep 2020 21:26:34 +0530 Subject: [PATCH] Dropdown in nav bar --- coc.html | 7 +++++++ index.html | 12 ++++++++++-- learners.html | 7 +++++++ mentors.html | 7 +++++++ sched.html | 7 +++++++ 5 files changed, 38 insertions(+), 2 deletions(-) diff --git a/coc.html b/coc.html index 3b24d56..4777c15 100644 --- a/coc.html +++ b/coc.html @@ -27,6 +27,13 @@ <li><a href="#">Code of Conduct</a></li> <li><a href="sched.html">Schedule</a></li> <li><a href="index.html#contact">Contact</a></li> + <div class="dropdown cta"> + <button onclick="myFunction()" class="dropbtn">Apply</button> + <div id="myDropdown" class="dropdown-content" style="padding: 5px;"> + <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button> + <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> + </div> + </div> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> </ul> </nav> diff --git a/index.html b/index.html index 8cb146b..b2a6293 100644 --- a/index.html +++ b/index.html @@ -28,6 +28,14 @@ <li><a href="coc.html">Code of Conduct</a></li> <li><a href="sched.html">Schedule</a></li> <li><a href="#contact">Contact</a></li> + + <div class="dropdown cta"> + <button onclick="myFunction()" class="dropbtn">Apply</button> + <div id="myDropdown" class="dropdown-content" style="padding: 5px;"> + <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button> + <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> + </div> + </div> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> </ul> </nav> @@ -44,8 +52,8 @@ <div class="dropdown cta"> <button onclick="myFunction()" class="dropbtn">Apply</button> <div id="myDropdown" class="dropdown-content" style="padding: 5px;"> - <button style="padding: 0px;"><a href='learners.html'>Apply as Learner</a></button> - <button style="padding: 0px;"><a href='mentors.html'>Apply as Mentor</a></button> + <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button> + <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> </div> </div> <script> diff --git a/learners.html b/learners.html index 957adef..f8b1894 100644 --- a/learners.html +++ b/learners.html @@ -27,6 +27,13 @@ <li><a href="coc.html">Code of Conduct</a></li> <li><a href="sched.html">Schedule</a></li> <li><a href="index.html#contact">Contact</a></li> + <div class="dropdown cta"> + <button onclick="myFunction()" class="dropbtn">Apply</button> + <div id="myDropdown" class="dropdown-content" style="padding: 5px;"> + <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button> + <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> + </div> + </div> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> </ul> </nav> diff --git a/mentors.html b/mentors.html index cf827c6..23bbfe7 100644 --- a/mentors.html +++ b/mentors.html @@ -27,6 +27,13 @@ <li><a href="coc.html">Code of Conduct</a></li> <li><a href="sched.html">Schedule</a></li> <li><a href="index.html#contact">Contact</a></li> + <div class="dropdown cta"> + <button onclick="myFunction()" class="dropbtn">Apply</button> + <div id="myDropdown" class="dropdown-content" style="padding: 5px;"> + <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button> + <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> + </div> + </div> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> </ul> </nav> diff --git a/sched.html b/sched.html index cd84ef5..ba7dd72 100644 --- a/sched.html +++ b/sched.html @@ -27,6 +27,13 @@ <li><a href="coc.html">Code of Conduct</a></li> <li><a href="sched.html">Schedule</a></li> <li><a href="index.html#contact">Contact</a></li> + <div class="dropdown cta"> + <button onclick="myFunction()" class="dropbtn">Apply</button> + <div id="myDropdown" class="dropdown-content" style="padding: 5px;"> + <button style="padding: 0px;"><a href='learners.html'>As Learner</a></button> + <button style="padding: 0px;"><a href='mentors.html'>As Mentor</a></button> + </div> + </div> <label for="chk" class="hide-menu-btn"><i class="nav-icon fas fa-times"></i></label> </ul> </nav> -- GitLab