diff --git a/README.md b/README.md index 719697c..c209e79 100644 --- a/README.md +++ b/README.md @@ -1,49 +1,49 @@ -# Eduford University - -Eduford University is a simple web application that allows students to enroll in courses, view their course schedule, and track their academic progress. This project is built using HTML, CSS, and JavaScript for the front-end, and Node.js for the back-end. - -## Features - -- User authentication: Students can sign up and log in to their accounts. -- Course enrollment: Students can browse available courses and enroll in them. -- Course schedule: Students can view their course schedule and upcoming assignments. -- Academic progress: Students can track their grades and overall academic performance. - -## Installation -1. Clone the repository: - ``` - git clone https://github.com/juhinagpure/Eduford-university.git - ``` -2. Install dependencies: - ``` - npm install - ``` -3. Start the server: - ``` - npm start - ``` -4. Open the application in your browser: - ``` - http://localhost:3000 - ``` - -# Technology Stack - -The Eduford University project utilizes the following technologies: - -## Front-end -- **HTML**, **CSS**, and **JavaScript** for building the user interface and adding interactivity. -- **Bootstrap** for responsive and mobile-friendly UI design. - -## Back-end -- **Node.js** and **Express.js** for the server-side application development. - - -## Deployment and Infrastructure -- **Git** and **GitHub** for version control and collaborative development. - - -## Contributing -Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. - -![Smart saver Infographic](https://camo.githubusercontent.com/dd5e3080a7adc2ead8f86cbbd6577cee0a38439c0ebf195021ce41587b0a405f/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f6d61782f313430302f312a633459675258595161794f5657785633376f757272772e706e67) +# Eduford University + +Eduford University is a simple web application that allows students to enroll in courses, view their course schedule, and track their academic progress. This project is built using HTML, CSS, and JavaScript for the front-end, and Node.js for the back-end. + +## Features + +- User authentication: Students can sign up and log in to their accounts. +- Course enrollment: Students can browse available courses and enroll in them. +- Course schedule: Students can view their course schedule and upcoming assignments. +- Academic progress: Students can track their grades and overall academic performance. + +## Installation +1. Clone the repository: + ``` + git clone https://github.com/juhinagpure/Eduford-university.git + ``` +2. Install dependencies: + ``` + npm install + ``` +3. Start the server: + ``` + npm start + ``` +4. Open the application in your browser: + ``` + http://localhost:3000 + ``` + +# Technology Stack + +The Eduford University project utilizes the following technologies: + +## Front-end +- **HTML**, **CSS**, and **JavaScript** for building the user interface and adding interactivity. +- **Bootstrap** for responsive and mobile-friendly UI design. + +## Back-end +- **Node.js** and **Express.js** for the server-side application development. + + +## Deployment and Infrastructure +- **Git** and **GitHub** for version control and collaborative development. + + +## Contributing +Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. + +![Smart saver Infographic](https://camo.githubusercontent.com/dd5e3080a7adc2ead8f86cbbd6577cee0a38439c0ebf195021ce41587b0a405f/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f6d61782f313430302f312a633459675258595161794f5657785633376f757272772e706e67) diff --git a/style.css b/style.css index fe9e245..6fd5598 100644 --- a/style.css +++ b/style.css @@ -39,7 +39,11 @@ nav img { .nav-links { flex: 1; + display: flex; + justify-content: flex-end; + align-items: center; text-align: right; + padding-right: 130px; } .nav-links ul li { @@ -464,7 +468,7 @@ h3 { /* About us page */ .sub-header { - height: 50vh; + height: 100vh; width: 100%; background-image: linear-gradient(rgba(4, 9, 30, 0.7), rgba(4, 9, 30, 0.7)), url(./eduford_img/background.jpg); background-position: center; @@ -474,7 +478,8 @@ h3 { } .sub-header h1 { - margin-top: 100px; + padding-top: 150px; + font-size: 60px; } .about-us {