Skip to content

ECEA-NITC/Sanket-26

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

146 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sanket'26 - Website Redesign

Overview

This is the official website for Sanket'26, the annual technical symposium organized by the Electronics and Communication Engineering Association (ECEA) at NIT Calicut.

Design Features

Modern Design System

  • Color Scheme:

    • Primary Orange: #FF6B35
    • Secondary Orange: #F7931E
    • Dark backgrounds with gradients
    • Professional and modern aesthetic
  • Typography:

    • Primary font: Poppins (Google Fonts)
    • Font sizes optimized for all devices
    • Clear hierarchy and readability
  • Visual Elements:

    • Gradient backgrounds
    • Smooth animations and transitions
    • Glow effects on interactive elements
    • Card-based layouts
    • Responsive navigation

Responsive Design

The website is fully responsive and optimized for:

  • Desktop (1920px and above)
  • Laptop (1024px - 1920px)
  • Tablet (768px - 1024px)
  • Mobile (320px - 768px)

Pages

1. Home Page (index.html)

  • Hero section with event details
  • Timeline section
  • Events section
  • Registrations section
  • About Sanket'26, ECEA, and NIT Calicut
  • Contact section with map
  • Footer

2. Committee Page (committee.html)

  • Core team section (placeholder)
  • Contact information cards

3. Events & Workshops (call-for-digest-submission.html)

  • Event categories
  • Workshop information (coming soon)
  • What to expect section

4. Sponsorship Page (sponsorship.html)

  • Sponsorship opportunities
  • Benefits breakdown
  • Sponsorship tiers with pricing
  • Contact information for sponsors

Features Implemented

Navigation

  • ✅ Fixed navbar with scroll effect
  • ✅ Mobile-responsive hamburger menu
  • ✅ Smooth scroll for anchor links
  • ✅ Consistent navigation across all pages
  • ✅ Active state indicators

Announcement Bar

  • ✅ Fixed position at top
  • ✅ Scrolling text animation
  • ✅ Gradient background
  • ✅ Pause on hover

Interactive Elements

  • ✅ Hover effects on buttons
  • ✅ Card hover animations
  • ✅ Link hover states
  • ✅ Smooth transitions
  • ✅ Click-outside to close sidebar

Accessibility

  • ✅ Semantic HTML
  • ✅ Alt text for images
  • ✅ ARIA labels
  • ✅ Keyboard navigation support
  • ✅ Responsive text sizing

Performance

  • ✅ Optimized CSS (single file)
  • ✅ Minimal JavaScript
  • ✅ Fast loading times
  • ✅ Efficient animations

File Structure

Sanket-26/
├── index.html                           # Home page
├── committee.html                       # Committee page
├── call-for-digest-submission.html      # Events & Workshops page
├── sponsorship.html                     # Sponsorship page
├── styles.css                           # Main stylesheet
├── ecea-logo.png                        # ECEA logo
├── admin-block.webp                     # NIT Calicut image
├── backgroundq.webp                     # Background image
├── menu_24dp_*.svg                      # Menu icon
├── close_24dp_*.svg                     # Close icon
└── images/                              # Additional images

Browser Compatibility

  • ✅ Chrome (latest)
  • ✅ Firefox (latest)
  • ✅ Safari (latest)
  • ✅ Edge (latest)
  • ✅ Mobile browsers

Responsive Breakpoints

  • Mobile Small: 320px - 480px
  • Mobile: 481px - 768px
  • Tablet: 769px - 1024px
  • Desktop: 1025px and above

Key Navigation Links

Internal Links (index.html)

  • Home: #home
  • About: #about
  • Timeline: #timeline
  • Events: #events
  • Registrations: #registrations
  • Contact: #contact

Page Links

  • Committee: ./committee.html
  • Sponsorship: ./sponsorship.html
  • Events & Workshops: ./call-for-digest-submission.html

Contact Information

Event Details

  • Event: Sanket'26
  • Date: 31st January 2026
  • Venue: NIT Calicut
  • Organizer: Electronics and Communication Engineering Association (ECEA)

Testing Checklist

Desktop (1920px)

  • ✅ Hero section displays correctly
  • ✅ Navigation menu is horizontal
  • ✅ All sections are properly aligned
  • ✅ Footer layout is correct
  • ✅ Hover effects work smoothly

Tablet (768px - 1024px)

  • ✅ Navigation switches to hamburger menu
  • ✅ Grid layouts adjust properly
  • ✅ Text sizes are readable
  • ✅ Images scale correctly
  • ✅ Cards stack appropriately

Mobile (320px - 768px)

  • ✅ Hamburger menu works
  • ✅ Single column layouts
  • ✅ Touch-friendly buttons
  • ✅ Text is readable
  • ✅ No horizontal scroll
  • ✅ Forms are usable

Functionality

  • ✅ All internal links work
  • ✅ All external links work
  • ✅ Phone numbers are clickable
  • ✅ Email links work
  • ✅ Smooth scrolling works
  • ✅ Sidebar opens and closes
  • ✅ Click outside closes sidebar

Future Enhancements

  • Add committee member details
  • Add event posters and details
  • Add registration form
  • Add gallery section
  • Add testimonials
  • Add FAQ section
  • Add social media links

Maintenance Notes

  • Update timeline dates when available
  • Add event posters to events section
  • Update committee member information
  • Add registration pricing when finalized
  • Keep contact information current

Credits

  • Design & Development: Modern responsive design
  • Organization: ECEA, NIT Calicut
  • Event: Sanket'26

© Copyright 2026 ECEA, NIT Calicut. All rights reserved.

About

Website for Sanket'26

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors