diff --git a/css/style.css b/css/style.css index fc563b8..e46e146 100644 --- a/css/style.css +++ b/css/style.css @@ -838,7 +838,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project1 { - background-image: url("../img/projects/JSS infoconnect@2x-min.png"); + background-image: url("../img/projects/jss_infoconnect_2x.png"); } .mainProject .mainProject-wrap .project1:hover { @@ -846,7 +846,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project2 { - background-image: url("../img/projects/MCQ MODULE@2x-min.png"); + background-image: url("../img/projects/mcq_module_2x.png"); } .mainProject .mainProject-wrap .project2:hover { @@ -854,7 +854,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project3 { - background-image: url("../img/projects/EM@2x-min.png"); + background-image: url("../img/projects/em_2x.png"); } .mainProject .mainProject-wrap .project3:hover { @@ -862,7 +862,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project4 { - background-image: url("../img/projects/KYC.@2x-min.png"); + background-image: url("../img/projects/kyc_2x.png"); } .mainProject .mainProject-wrap .project4:hover { @@ -1034,7 +1034,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project1 { - background-image: url("../img/projects/INFO APP@2x-min.png"); + background-image: url("../img/projects/info_app_2x.png"); } .projects-wrap .project1:hover { @@ -1042,7 +1042,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project2 { - background-image: url("../img/projects/ZEALICON@2x-min.png"); + background-image: url("../img/projects/zealicon_2x.png"); } .projects-wrap .project2:hover { @@ -1050,7 +1050,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project3 { - background-image: url("../img/projects/CODEPAD@2x-min.png"); + background-image: url("../img/projects/codepad.jpg"); } .projects-wrap .project3:hover { @@ -1058,7 +1058,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project4 { - background-image: url("../img/projects/T&P PORTAL@2x-min.png"); + background-image: url("../img/projects/tandp_2x.png"); } .projects-wrap .project4:hover { @@ -1066,7 +1066,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project5 { - background-image: url("../img/projects/PLEXUS@2x-min.png"); + background-image: url("../img/projects/plexus_2x.png"); } .projects-wrap .project5:hover { @@ -1074,7 +1074,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project6 { - background-image: url("../img/projects/REGISTRATION MODULE@2x-min.png"); + background-image: url("../img/projects/registration_module_2x.png"); } .projects-wrap .project6:hover { @@ -1082,7 +1082,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project7 { - background-image: url("../img/projects/SHERLOCKED@2x-min.png"); + background-image: url("../img/projects/sherlocked.jpg"); } .projects-wrap .project7:hover { @@ -1090,7 +1090,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project8 { - background-image: url("../img/projects/LOOT@2x-min.png"); + background-image: url("../img/projects/loot_2x.png"); } .projects-wrap .project8:hover { @@ -1180,10 +1180,9 @@ body .navbar-light .navbar-toggler-icon { } .year { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; + + display: flex; + align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; @@ -1193,9 +1192,6 @@ body .navbar-light .navbar-toggler-icon { height: 2px; background-color: #707070; width: 360px; - max-width: 360px; - min-width: 20px; - margin-top: 1.6vh; } .year h6 { @@ -1203,6 +1199,7 @@ body .navbar-light .navbar-toggler-icon { font-size: 24px; font-family: "AvenirNextMedium"; padding: 0px 40px; + margin-bottom: 0px; } .third { diff --git a/img/projects/codepad.jpg b/img/projects/codepad.jpg new file mode 100644 index 0000000..b5abb5f Binary files /dev/null and b/img/projects/codepad.jpg differ diff --git a/img/projects/em_2x.png b/img/projects/em_2x.png new file mode 100644 index 0000000..eb8dbc5 Binary files /dev/null and b/img/projects/em_2x.png differ diff --git a/img/projects/em_stack_2x.png b/img/projects/em_stack_2x.png new file mode 100644 index 0000000..4bffeca Binary files /dev/null and b/img/projects/em_stack_2x.png differ diff --git a/img/projects/info_app_2x.png b/img/projects/info_app_2x.png new file mode 100644 index 0000000..bfef4df Binary files /dev/null and b/img/projects/info_app_2x.png differ diff --git a/img/projects/info_stack_2x.png b/img/projects/info_stack_2x.png new file mode 100644 index 0000000..410f6b1 Binary files /dev/null and b/img/projects/info_stack_2x.png differ diff --git a/img/projects/jss_infoconnect_2x.png b/img/projects/jss_infoconnect_2x.png new file mode 100644 index 0000000..a8758a8 Binary files /dev/null and b/img/projects/jss_infoconnect_2x.png differ diff --git a/img/projects/kyc_2x.png b/img/projects/kyc_2x.png new file mode 100644 index 0000000..b7982f1 Binary files /dev/null and b/img/projects/kyc_2x.png differ diff --git a/img/projects/kyc_stack_2x.png b/img/projects/kyc_stack_2x.png new file mode 100644 index 0000000..4bffeca Binary files /dev/null and b/img/projects/kyc_stack_2x.png differ diff --git a/img/projects/loot_2x.png b/img/projects/loot_2x.png new file mode 100644 index 0000000..f008c10 Binary files /dev/null and b/img/projects/loot_2x.png differ diff --git a/img/projects/mcq_module_2x.png b/img/projects/mcq_module_2x.png new file mode 100644 index 0000000..e88c8a5 Binary files /dev/null and b/img/projects/mcq_module_2x.png differ diff --git a/img/projects/mcq_stack_2x.png b/img/projects/mcq_stack_2x.png new file mode 100644 index 0000000..64242d3 Binary files /dev/null and b/img/projects/mcq_stack_2x.png differ diff --git a/img/projects/plexus_2x.png b/img/projects/plexus_2x.png new file mode 100644 index 0000000..c9490cc Binary files /dev/null and b/img/projects/plexus_2x.png differ diff --git a/img/projects/registration_module_2x.png b/img/projects/registration_module_2x.png new file mode 100644 index 0000000..e6d409f Binary files /dev/null and b/img/projects/registration_module_2x.png differ diff --git a/img/projects/sherlocked.jpg b/img/projects/sherlocked.jpg new file mode 100644 index 0000000..849fa1d Binary files /dev/null and b/img/projects/sherlocked.jpg differ diff --git a/img/projects/tandp_2x.png b/img/projects/tandp_2x.png new file mode 100644 index 0000000..1586fd6 Binary files /dev/null and b/img/projects/tandp_2x.png differ diff --git a/img/projects/zealicon_2x.png b/img/projects/zealicon_2x.png new file mode 100644 index 0000000..7446ae6 Binary files /dev/null and b/img/projects/zealicon_2x.png differ diff --git a/project/index.html b/project/index.html index a386212..e48b31b 100644 --- a/project/index.html +++ b/project/index.html @@ -1,380 +1,356 @@ - - - - - + - - - - - - - - - - - - - Nibble Computer Society - - - - - + + + + + + + Nibble Computer Society + + + + - - - -
- -
-
-
-

Projects

-
-
-

- We hope to bring the best in code, development and design to the - college scene. -

+ +
-
+ - -
-
-
-
-
-
-
-
-
-

JSS Infoconnect

-

An online information portal for notices, assignments and placement info.

-
-
- .. +
+ +
+
+
+

Projects

- -
- Visit - Github -
- -
-
-
-
-
-
-
-
-
-
-
-
-

MCQ Module

-

An online platform where teachers & societies can add MCQ based events with auto result generation. +

+

+ We hope to bring the best in code, development and design to the + college scene.

-
- .. -
-
- Visit - Github -
-
-
-
-
-
-
-
-
-
-
-
-

Event Manager

-

A web based app which helps students keep track of every event going on in the college every day.

-
-
- .. -
-
- Visit - Github -
+ +
+
+
+
+
+
+
+
+
+

JSS Infoconnect

+

An online information portal for notices, assignments and placement info.

+
+
+ .. +
+ +
+ Visit + Github +
+ +
+
+
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+

MCQ Module

+

An online platform where teachers & societies can add MCQ based events with auto result generation.

+
+
+ .. +
+
+ Visit + Github +
+ +
+
+
-
-
-

Know Your College

-

KYC is a web application which helps anyone in JSS to explore various sections of the college and its - neighborhood.

-
-
- .. -
-
- Visit - Github -
- +
+
+
+
+
+
+
+
+

Event Manager

+

A web based app which helps students keep track of every event going on in the college every day.

+
+
+ .. +
+
+ Visit + Github +
+ +
+
+
-
-
-
-
- - -
-
-
-
-
-

JSS Infoconnect App

-
- .. - .. -
- -
-

An application version of the JSS Infoconnect mentioned above for Android devices.

-
-
-
-
-

Zealicon Website

-
- .. - .. +
+
+
+
+
+
+
+
+

Know Your College

+

KYC is a web application which helps anyone in JSS to explore various sections of the college and its neighborhood.

+
+
+ .. +
+
+ Visit + Github +
+ +
+
+
-

Yearly themed website for Zealicon - the Annual Techno-Cultural festival of JSSATEN.

+ + +
+
+
+
+
+

JSS Infoconnect App

+
+ .. + .. +
+ +
+

An application version of the JSS Infoconnect mentioned above for Android devices.

+
+
+
+
+

Zealicon Website

+
+ .. + .. +
+
+

Yearly themed website for Zealicon - the Annual Techno-Cultural festival of JSSATEN.

+
+
-
+
+
+
+
+
+

Code Pad

+
+ .. + .. +
+ +
+

An online IDE (compiler) for running programs in C, C++, Python, Java with frequent questions to solve.

+
+
+
+
+

T & P Portal

+
+ .. + .. +
+
+

An online portal for managing & automating the recruitment procedure for T&P Centre.

+
+
-
-
-
-
-

Code Pad

-
- .. - .. +
+
+
+
+

Plexus

+
+ .. + .. +
+ +
+

It is an online platform to host all kinds of digital events + like Quizes etc. without any friction or technical know-how. +

+
+
+
+
+

Registration Module

+
+ .. + .. +
+
+

A platform for registration of students with record of their Unique IDs for various events like Zealicon.

+
- -
-

An online IDE (compiler) for running programs in C, C++, Python, Java with frequent questions to solve.

-
-
-
-
-

T & P Portal

-
- .. - .. +
+
+
+
+
+
+

Sherlocked

+
+ .. + .. +
+ +
+

Sherlocked is a grueling online web based event played annually in Zealicon, where the participant has to solve the brainstorming questions to go ahead.

-
-

An online portal for managing & automating the recruitment procedure for T&P Centre.

+
+
+
+

Loot

+
+ .. + .. +
+
+

An android application available on Play Store based on live location tracking. It's an annual event in Zealicon.

+
-
-
-
-
-
-
-
-

Plexus

-
- .. - .. -
+
+
+ - -

It is an online platform to host all kinds of digital events - like Quizes etc. without any friction or technical know-how. -

- -
-
-
-

Registration Module

-
- .. - .. +
+
+ -

A platform for registration of students with record of their Unique IDs for various events like Zealicon. -

-
-
-
-
-
-
-
-

Sherlocked

-
- .. - .. + +
- - - -
-
-
-
-
- - - - -
- - -
- - - + + \ No newline at end of file diff --git a/sass/style.css b/sass/style.css index fc563b8..b10c905 100644 --- a/sass/style.css +++ b/sass/style.css @@ -838,7 +838,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project1 { - background-image: url("../img/projects/JSS infoconnect@2x-min.png"); + background-image: url("../img/projects/jss_infoconnect_2x.png"); } .mainProject .mainProject-wrap .project1:hover { @@ -846,7 +846,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project2 { - background-image: url("../img/projects/MCQ MODULE@2x-min.png"); + background-image: url("../img/projects/mcq_module_2x.png"); } .mainProject .mainProject-wrap .project2:hover { @@ -854,7 +854,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project3 { - background-image: url("../img/projects/EM@2x-min.png"); + background-image: url("../img/projects/em_2x.png"); } .mainProject .mainProject-wrap .project3:hover { @@ -862,7 +862,7 @@ body .navbar-light .navbar-toggler-icon { } .mainProject .mainProject-wrap .project4 { - background-image: url("../img/projects/KYC.@2x-min.png"); + background-image: url("../img/projects/kyc_2x.png"); } .mainProject .mainProject-wrap .project4:hover { @@ -1034,7 +1034,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project1 { - background-image: url("../img/projects/INFO APP@2x-min.png"); + background-image: url("../img/projects/info_app_2x.png"); } .projects-wrap .project1:hover { @@ -1042,7 +1042,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project2 { - background-image: url("../img/projects/ZEALICON@2x-min.png"); + background-image: url("../img/projects/zealicon_2x.png"); } .projects-wrap .project2:hover { @@ -1050,7 +1050,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project3 { - background-image: url("../img/projects/CODEPAD@2x-min.png"); + background-image: url("../img/projects/codepad.jpg"); } .projects-wrap .project3:hover { @@ -1058,7 +1058,8 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project4 { - background-image: url("../img/projects/T&P PORTAL@2x-min.png"); + + background-image: url("../img/projects/tandp_2x.png"); } .projects-wrap .project4:hover { @@ -1066,7 +1067,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project5 { - background-image: url("../img/projects/PLEXUS@2x-min.png"); + background-image: url("../img/projects/plexus_2x.png"); } .projects-wrap .project5:hover { @@ -1074,7 +1075,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project6 { - background-image: url("../img/projects/REGISTRATION MODULE@2x-min.png"); + background-image: url("../img/projects/registration_module_2x.png"); } .projects-wrap .project6:hover { @@ -1082,7 +1083,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project7 { - background-image: url("../img/projects/SHERLOCKED@2x-min.png"); + background-image: url("../img/projects/sherlocked.jpg"); } .projects-wrap .project7:hover { @@ -1090,7 +1091,7 @@ body .navbar-light .navbar-toggler-icon { } .projects-wrap .project8 { - background-image: url("../img/projects/LOOT@2x-min.png"); + background-image: url("../img/projects/loot_2x.png"); } .projects-wrap .project8:hover { @@ -1180,10 +1181,9 @@ body .navbar-light .navbar-toggler-icon { } .year { - display: -webkit-inline-box; - display: -ms-inline-flexbox; - display: inline-flex; - width: 100%; + + display: flex; + align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; @@ -1193,9 +1193,6 @@ body .navbar-light .navbar-toggler-icon { height: 2px; background-color: #707070; width: 360px; - max-width: 360px; - min-width: 20px; - margin-top: 1.6vh; } .year h6 { @@ -1203,6 +1200,7 @@ body .navbar-light .navbar-toggler-icon { font-size: 24px; font-family: "AvenirNextMedium"; padding: 0px 40px; + margin-bottom: 0px; } .third { diff --git a/team/index.html b/team/index.html index c072905..b98d282 100644 --- a/team/index.html +++ b/team/index.html @@ -1,592 +1,593 @@ - - - - - + - - - - - - - - - - - - - - Nibble Computer Society - - - - + + + + + + + + Nibble Computer Society + + + - -
-

- Team -

-
-
-

- NCS is a student group that constantly tries to innovate and foster technical activitites in the - campus. Since 2000, we have focused on creating meaningful experiences through immersive learning. - We hope to bring the best in code, development and design to the college scene. -

-
-
-
-
-
-
4th years
-
-
-
-
-
-
-
- -
- Shubham Singh -
-
President
-
- -    - - -    - - - -
-
-
-
-
- -
- Shobhit Agarwal -
-
CTC
-
- -    - - -    - - - -
-
-
-
-
- -
- Rohit Jakhmola -
-
Technical Head
-
- -    - - -    - - - -
-
-
-
-
- -
- Rahul Singh -
-
General Secretary
-
- - -    - - -    - - - -
-
-
-
-
-
-
- -
- Kumar Rohit -
-
Creative Head
-
- - -    - - -    - - - -
-
-
-
-
- -
- Vasu Mehra -
-
Financial Head
-
- -    - - -    - - - -
-
-
-
-
- -
- Kunal Vishnoi -
-
Operational Head
-
- - -    - - -    - - - -
-
-
-
-
- -
- Siddharth Yadav -
-
HOC Prog Club
-
- -    - - -    - - - -
-
-
-
-
-
-
- -
- Anant Jain -
-
HOC Web Club
-
- - -    - - -    - - - +
-
-
- -
- Ayush Srivastava -
-
HOC Web Club
- + +
+

+ Team +

+
+
+

+ NCS is a student group that constantly tries to innovate and foster technical activitites in the campus. Since 2000, we have focused on creating meaningful experiences through immersive learning. We hope to bring the best in code, development and design to the college scene. +

+
+
-
-
-
- -
- Abhishek Singh -
-
HOC Technical Club
-
- - - -    - - -    - - - -
+ +
+
+
+
4th years
+
+
+
-
-
-
- -
- Ayush Khare -
-
Mentor Web Club
-
- - - -    - - -    - - - +
+
+
+
+ +
+ Shubham Singh +
+
President
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Shobhit Agarwal +
+
CTC
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Rohit Jakhmola +
+
Technical Head
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Rahul Singh +
+
General Secretary
+
+ + +   + + +   + + + +
+
+
+ +
-
-
-
-
-
-
- -
- Pulkit Bansal -
-
Event Head and Mentor Design Club
-
- -    - - -    - - - + +
+
+
+ +
+ Kumar Rohit +
+
Creative Head
+
+ + +   + + +   + + + +
+
+
+
+
+ +
+ Vasu Mehra +
+
Financial Head
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Kunal Vishnoi +
+
Operational Head
+
+ + +   + + +   + + + +
+
+
+
+
+ +
+ Siddharth Yadav +
+
HOC Prog Club
+
+ +    + + +   + + + +
+
+
+
+ +
+ +
+
+ +
+ Anant Jain +
+
HOC Web Club
+
+ + +   + + +   + + + +
+
+
+
+
+ +
+ Ayush Srivastava +
+
HOC Web Club
+ +
+
+ + +
+
+ +
+ Abhishek Singh +
+
HOC Technical Club
+
+ + + +   + + +   + + + +
+
+
+
+
+ +
+ Ayush Khare +
+
Mentor Web Club
+
+ + + +   + + +   + + + +
+
+
+
-
-
-
-
- -
- Ishneet Kaur -
-
Mentor Prog. Club
-
- - - -    - - -    - - - +
+ +
+
+ +
+ Pulkit Bansal +
+
Event Head and Mentor Design Club
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Ishneet Kaur +
+
Mentor Prog. Club
+
+ + + +   + + +   + + + +
+
+
-
-
-
-
-
+ + +
+
3rd years
-
- -
-
-
-
-
- -
- Akhil Omar -
-
Designer
-
- -    - - -    - - - -
-
-
-
-
- -
- Anupam Kushwaha -
-
Developer
-
- -    - - -    - - - -
-
-
-
-
- -
- Prakhar Varshney -
-
Developer
-
- -    - - -    - - - -
-
-
-
-
- -
- Pranjali Katiyar -
-
Programmer
-
- -    - - -    - - - -
-
+
+ +
+
+
+
+
+ +
+ Akhil Omar +
+
Designer
+
+ +    + + +   + + +
+
+
+
+
+ +
+ Anupam Kushwaha +
+
Developer
+
+ +    + + +   + + +
+
+
+ +
+
+ +
+ Prakhar Varshney +
+
Developer
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Pranjali Katiyar +
+
Programmer
+
+ +    + + +   + + + +
+
+
-
-
-
-
- -
- Prashant Bajaj -
-
Developer
-
- -    - - -    - - - +
+
+
+ +
+ Prashant Bajaj +
+
Developer
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Saurabh Singh +
+
Programmer
+
+ +    + + +   + + + +
+
+
+
+
+ +
+ Vivek Baghela +
+
Designer
+
+ +    + + +   + + + +
+
+
-
-
-
- -
- Saurabh Singh -
-
Programmer
-
- -    - - -    - - - +
+
+ -
-
-
- -
- Vivek Baghela -
-
Designer
-
- -    - - -    - - - + +
-
-
- -
- -
-
-
-
-
- - - -
- - - - - - - - \ No newline at end of file + } + }); + + +