/Eastern-University-refurbished-website-using-Bootstrap

A website project entry to establish a new design and look for Eastern University.

Primary LanguageHTML

Eastern-University-refurbished-website-using-Bootstrap

#Introduction

This main purpose of this project is to develop a website using only front-end module. The website has been designed in responsive manner using “modern designing standard” of web designing. Lots of research have been done to extract the modern designing ideology from Front-End Web Development. The website has been named ‘Eastern University’ as a means to replace the current existing website, even though this project is just a demo.

#Project Demo:

https://rgb14.github.io/Eastern-University-refurbished-website-using-Bootstrap/

Note: JavaScript doesn't work in GitHub Pages For better view, watch this video: https://bit.ly/2NlLhh1

#Materials and plugins used:

• HTML • CSS • Bootstrap 4 Framework • Javascript • Font Awesome Icons • Ekko Lightbox Plugin • Slick Carousel • VSCode as IDE • Udemy - Bootstrap 4 From Scratch With 5 Projects as Guidelines

#Webpage structure and features:

I. Homepage – index.html

  1. Navigation bar
  2. Login Modal form
  3. Carousel for landing slides
  4. Video Modal in Carousel
  5. Search Form
  6. Quick Navigation for jumps to a definite point
  7. Font Awesome Icon links
  8. Slick Carousel for Notice Board
  9. Accordion slides for collapsible text content
  10. Cards for event showcase
  11. Popover for reading more text when mouse hovered
  12. Image using Lightbox plugin
  13. Footer

II. Permanent Campus event page – pcampus.html

  1. Navigation Bar
  2. Header Image in Parallax Standard
  3. Text Container
  4. Footer

III. Degrees offered – degree.html

  1. Navigation Bar
  2. Header Image in Parallax Standard
  3. Accordion for: i. Requirements ii. Undergraduate iii. Graduate
  4. Footer

IV. Tuition Fees – tuition.html

  1. Navigation Bar
  2. Heading Jumbotron
  3. Table for Undergraduate Program
  4. Table for Graduate Program

#References

  1. Images are from https://www.pexels.com/
  2. Eastern University official website: http://www.easternuni.edu.bd/
  3. Slick Carousel: https://kenwheeler.github.io/slick/
  4. Ekko Lightbox: https://ashleydw.github.io/lightbox/
  5. Udemy Tutorial: https://www.udemy.com/bootstrap-4-from-scratch-with-5-projects/
  6. VSCode: https://code.visualstudio.com/
  7. Bootstrap 4: https://getbootstrap.com/