Projects / NSS Transcendence

NSS Transcendence

projects web-developement karunya

NSS_TRANS_PAGES NSS_TRANS_GITHUB

Transcendence2K17

:link: :link:

Transcendence is a mega event organised by Karunya University as a part of National Service Scheme (NSS) activity. Children from nearby schools participate where there are around 2 age groups and 20 events. This provides young students a platform to show case their professional skills and to discover their hidden talents in a competitive spirit.

This site was developed using bootstrap and different components were embedded in it such as Carousel, Event timer, and Google Forms for saving user content and feedback. Stack : Html 5, CSS3, JS Some key issues that we wanted to achiever were

  • Fully Responsive
  • Browser Compatibility
  • Clear & Unique Design
  • Clean Typography

If you have wondering, how blinking cursor | at the start of the page was done, well you are right using keyframes. Please find below code snippet

.blinking-cursor {
  font-weight: 200;
  font-size: 30px;
  color: #ffffff;
  animation: 1s blink step-end infinite;
}

@keyframes blink {
  from, to {
    color: transparent;
  }
  50% {
    color: white;
  }
}

Next: Karunya For Need