diff --git a/css/style.css b/css/style.css index 423a065..92002b8 100644 --- a/css/style.css +++ b/css/style.css @@ -182,7 +182,7 @@ nav ul li a:hover { font-size: 80px; background: linear-gradient(to right, #4cd969, #34aadc, #34aadc, #4cd969); background-size: 100px 100px; - animation: color 5s ease-in-out infinite; + animation: color 5s alternate infinite; background-clip: text; -webkit-background-clip: text; color: transparent; @@ -300,7 +300,7 @@ nav ul li a:hover { border: 1px solid rgb(0, 0, 0); border-radius: 5px; background-color: #635d5d; - padding: 8px 0px 8px 0px !important; + padding: 8px !important; margin-top: 15px; color: white; } @@ -312,12 +312,12 @@ nav ul li a:hover { } #login-forgot-password:hover, -#login-not-member u:hover, +.login-not-member u:hover, #login-policy u:hover { color: #000000; } -#login-not-member u, +.login-not-member u, #login-policy u { cursor: pointer; text-decoration: underline; @@ -349,7 +349,7 @@ nav ul li a:hover { margin-top: 15px; } -#login-not-member { +.login-not-member { margin: 15px 0px 0px 0px; } @@ -711,7 +711,7 @@ footer { } input[type=email] { - padding: 5px 2px 5px 2px; + padding: 5px 8px 5px 8px; margin-top: 10px; color: #ffffff; font-size: 1.2em; @@ -844,10 +844,10 @@ input::placeholder { cursor: pointer; } -.skills-box:hover>.skills-title: after, +/* .skills-box:hover>.skills-title: after, .skills-box:hover>.skills-title: before { width: 30px; -} +} */ .skills-box:hover .skills-img { transform: translateX(-20px); diff --git a/index.html b/index.html index 5614630..5ce43e3 100644 --- a/index.html +++ b/index.html @@ -11,266 +11,269 @@ NSEA -
-
+ + - -
- -
+ +
+ +
-
-
-
-

WELCOME TO NSEA -

-

National Society for Engineering Advancement

-

A Dedicated Society For Tech Enthusiasts

-
- +
+
+
+

WELCOME TO NSEA +

+

National Society for Engineering Advancement

+

A Dedicated Society For Tech Enthusiasts

+
+ +
-
-
    -
    • +
      +
      • -
      • - -
      • -
    - - +
    • -
-
-

Welcome Fellas!

- +
-
-
+ -
-

TECHNOLOGY

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit, temporibus suscipit soluta ad obcaecati vitae? - Libero beatae qui tempora ullam alias deserunt vero corporis. Corporis eligendi quo, sunt provident qui quos - officia eos in ratione eaque quod alias adipisci voluptatum deleniti explicabo consectetur ducimus nam? Dolor - aut harum hic quae velit natus quas quis. Cumque adhoio. -

- -
- -
-
+ -
-
-

TEAM

-
1
-
2
-
-
-
html
-
css
-
javascript
-
java
-
python
-
c
-
nodejs
-
c++
-
linux
-
ubuntu
-
css
-
javascript
-
html
-
css
-
javascript
+
+

ABOUT US

+
+
+
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Esse, expedita sit blanditiis illo + fugiat animi est recusandae magnam aspernatur, suscipit minima corporis cumque! Hic earum nemo perferendis eum + totam unde aliquam corrupti. Illum ut laboriosam iure, maxime, hic quasi minima rerum cum incidunt accusamus + aspernatur sit voluptatibus quis reiciendis numquam velit. Quasi ratione molestias magni ullam rem autem quaerat + enim commodi amet eveniet recusandae illo, unde neque vero esse ab hic voluptatem, sed ipsa exercitationem + delectus! Temporibus ipsam odio officiis.
+
+
+
+ + +
+

TECHNOLOGY

+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit, temporibus suscipit soluta ad obcaecati vitae? + Libero beatae qui tempora ullam alias deserunt vero corporis. Corporis eligendi quo, sunt provident qui quos + officia eos in ratione eaque quod alias adipisci voluptatum deleniti explicabo consectetur ducimus nam? Dolor + aut harum hic quae velit natus quas quis. Cumque adhoio. +

+
    +
  • +
  • +
  • +
  • +
  • +
  • +
+
+ +
+
+ + +
+
+

TEAM

+
1
+
2
+
+
+
html
+
css
+
javascript
+
java
+
python
+
c
+
nodejs
+
c++
+
linux
+
ubuntu
+
css
+
javascript
+
html
+
css
+
javascript
+
-
-
+ -
-

TEAM

+
+

TEAM

-
+
-
-

PROJECTS

-
-

2023-24

- -

◀

- - -

▶

- -
-

Planned

-
  • NSEA Club Website-Frontend
    • -
  • NSEA Club Website-backend
    • -
  • Quadcopter
    • -
    -
    -

    Completed

    -
    -
    +
    +

    PROJECTS

    +
    +

    2023-24

    + +

    ◀

    +     + +

    ▶

    +     +
    +

    Planned

    +
  • NSEA Club Website-Frontend
    • +
  • NSEA Club Website-backend
    • +
  • Quadcopter
    • +
    +
    +

    Completed

    +
    +
    -
    - -
    -
    -

    Quick links

    - Home - About Us - Technology - Team - Projects -
    -
    -

    Stay Connected!

    - - -
    +
  • +
    • + +

    Copyright © 2023 Surojit Mondal

    + +
    - + \ No newline at end of file diff --git a/script.js b/script.js index e82ba5a..ceb8f51 100644 --- a/script.js +++ b/script.js @@ -3,33 +3,45 @@ window.addEventListener("load", () => { }); -let loginpopup = document.querySelectorAll("#login"); -let registerpopup = document.querySelectorAll("#signup"); +document.querySelectorAll("#loginbutton, #logintext").forEach(item => { + item.addEventListener("click", () => { + document.querySelector("#login").style.cssText = "display:block;"; + document.querySelector("#signup").style.cssText = "display:none;"; + }); +}); -let nextbutton_1 = document.querySelectorAll("#next-button-1"); -let nextbutton_2 = document.querySelectorAll("#next-button-2"); +document.querySelectorAll("#signupbutton, #registertext").forEach(item => { + item.addEventListener("click", () => { + document.querySelector("#signup").style.cssText = "display:block;"; + document.querySelector("#login").style.cssText = "display:none;"; + }); +}); -let backbutton_1 = document.querySelectorAll("#back-button-1"); -let backbutton_2 = document.querySelectorAll("#back-button-2"); +document.querySelectorAll(".close-popup").forEach(button => { + button.addEventListener("click", () => { + document.querySelectorAll(".popup").forEach(popup => { + popup.style.cssText = "display:none;"; + }); + }); +}); -function openLoginPopup() { - loginpopup.classList.add("open-popup"); -} -function openSignupPopup() { - registerpopup.classList.add("open-popup"); -} -function closePopup() { - loginpopup.classList.remove("open-popup"); - registerpopup.classList.remove("open-popup"); -} -function nextButton() { -} -function nextButton() { +document.querySelector("#next-button-1").addEventListener("click", () => { + document.querySelector("#form-1").style.cssText = "visibility:.1;"; +}); -} +document.querySelector("#next-button-2").addEventListener("click", () => { + +}); + +document.querySelector("#back-button-1").addEventListener("click", () => { +}); + +document.querySelector("#back-button-2").addEventListener("click", () => { + +}); // Add an event listener to each skills-box element var skillsBoxes = document.getElementsByClassName("skills-box");