-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
6 changed files
with
265 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,74 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>College Landing Page</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <nav> | ||
| <div class="container"> | ||
| <div class="logo-container"> | ||
| <div class="logo">CHARUSAT</div> | ||
| </div> | ||
| <ul class="nav-links"> | ||
| <li><a href="https://charusat.ac.in">Home</a></li> | ||
| <li><a href="https://charusat.ac.in/journey_of_charusat.php">About</a></li> | ||
| <li><a href="https://charusat.ac.in/academics.php">Academics</a></li> | ||
| <li><a href="https://charusat.ac.in/admission/">Admissions</a></li> | ||
| <li><a href="https://charusat.ac.in/contact_us.php#1554362403287-74dd29fb-31b6">Contact</a></li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| <div class="hero"> | ||
| <div class="container"> | ||
| <h1>Welcome to CHARUSAT</h1> | ||
| <p>Unlock your potential with our quality education!</p> | ||
| <a href="https://admission2023.charusat.ac.in/" class="btn">Apply Now</a> | ||
| </div> | ||
| </div> | ||
| </header> | ||
|
|
||
| <section class="about"> | ||
| <div class="container"> | ||
| <h2>About Us</h2> | ||
| <p>The Iron Man of India, Sardar Vallabhbhai Patel believed, “Education without character is futile”. CHARUSAT proudly follows this spirit. It also follows founding High Moral Values like Honesty, Integrity, Transparency, Fairness, Equity, and Accountability. | ||
|
|
||
| CHARUSAT offers various programs, viz., UG, PG, Doctoral, Post-Doctoral, Diploma, Value-added and Executive Development Programs under the tutelage of 9 Institutes, 6 Faculties, and various Centers / Cells. An employee strength of 600, student strength of more than 8000 and a Capital Outlay of INR 150 Crores are the scalar dimensions of CHARUSAT. The programs are offered in the allied disciplines of Technology & Engineering, Pharmacy, Computer Applications, Management Studies, Applied Sciences, Nursing, Physiotherapy, and other Paramedical Sciences.</p> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="courses"> | ||
| <div class="container"> | ||
| <h2>Our Programs</h2> | ||
| <div class="course-card"> | ||
| <img src="ce.jpg" alt="Course 1"> | ||
| <h3>B. Tech in Computer Engineering</h3> | ||
| <a href="https://charusat.ac.in/cspit/ce/" class="btn">Learn More</a> | ||
| </div> | ||
| <div class="course-card"> | ||
| <img src="biosci.jpg" alt="Course 2"> | ||
| <h3>Bachelor of Science in Biological Sciences</h3> | ||
| <a href="http://charusat.ac.in/pdpias/biological-sciences/" class="btn">Learn More</a> | ||
| </div> | ||
| <div class="course-card"> | ||
| <img src="mba.jpg" alt="Course 3"> | ||
| <h3>Master of Business Administration</h3> | ||
| <a href="http://charusat.ac.in/i2im/" class="btn">Learn More</a> | ||
| <p></p> | ||
| </div> | ||
| <div class="button-container"> | ||
| <a href="https://charusat.ac.in" class="btn">View More</a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <footer> | ||
| <div class="container"> | ||
| <p>© 2023 CHARUSAT. All rights reserved.</p> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,191 @@ | ||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| body { | ||
| font-family: 'Roboto', sans-serif; | ||
| line-height: 1.6; | ||
| background-color: #f7f7f7; | ||
| } | ||
|
|
||
| .container { | ||
| max-width: 960px; | ||
| margin: 0 auto; | ||
| padding: 0 20px; | ||
| } | ||
|
|
||
| header { | ||
| background-color: #333; | ||
| color: #fff; | ||
| padding: 20px 0; | ||
| } | ||
|
|
||
| nav { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .logo-container { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| height: 100%; | ||
| } | ||
|
|
||
| .logo { | ||
| font-size: 24px; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .nav-links { | ||
| list-style: none; | ||
| display: flex; | ||
| align-items: center; | ||
| } | ||
|
|
||
| .nav-links li { | ||
| margin-left: 20px; | ||
| } | ||
|
|
||
| .nav-links a { | ||
| color: #fff; | ||
| text-decoration: none; | ||
| transition: color 0.3s; | ||
| } | ||
|
|
||
| .nav-links a:hover { | ||
| color: #ff6600; | ||
| } | ||
|
|
||
| .hero { | ||
| position: relative; | ||
| overflow: hidden; | ||
| text-align: center; | ||
| padding: 150px 0; | ||
| color: #fff; | ||
| background-image: url('charusat.jpg'); | ||
| background-size: cover; | ||
| background-position: center; | ||
| } | ||
|
|
||
| .hero:before { | ||
| content: ""; | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| width: 100%; | ||
| height: 100%; | ||
| background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%); | ||
| z-index: -1; | ||
| } | ||
|
|
||
| .hero h1 { | ||
| font-size: 48px; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| .hero p { | ||
| font-size: 24px; | ||
| margin-bottom: 30px; | ||
| } | ||
|
|
||
| .btn { | ||
| display: inline-block; | ||
| background-color: #ff6600; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| padding: 12px 30px; | ||
| border-radius: 5px; | ||
| font-size: 18px; | ||
| transition: background-color 0.3s; | ||
| } | ||
|
|
||
| .btn:hover { | ||
| background-color: #e65c00; | ||
| } | ||
|
|
||
| .about { | ||
| background-color: #fff; | ||
| padding: 60px 0; | ||
| } | ||
|
|
||
| .about h2 { | ||
| text-align: center; | ||
| margin-bottom: 40px; | ||
| } | ||
|
|
||
| .about p { | ||
| font-size: 18px; | ||
| text-align: center; | ||
| color: #666; | ||
| } | ||
|
|
||
| .courses { | ||
| padding: 60px 0; | ||
| } | ||
|
|
||
| .courses h2 { | ||
| text-align: center; | ||
| margin-bottom: 40px; | ||
| } | ||
|
|
||
| .course-card { | ||
| text-align: center; | ||
| margin-bottom: 30px; | ||
| background-color: #fff; | ||
| padding: 30px; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| border-radius: 5px; | ||
| } | ||
|
|
||
| .course-card img { | ||
| width: 100%; | ||
| max-width: 300px; | ||
| margin-bottom: 20px; | ||
| border-radius: 5px; | ||
| } | ||
|
|
||
| .course-card h3 { | ||
| font-size: 24px; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .course-card p { | ||
| font-size: 16px; | ||
| color: #666; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| .button-container { | ||
| text-align: center; | ||
| margin-top: 40px; | ||
| } | ||
|
|
||
| .button-container .btn { | ||
| display: inline-block; | ||
| padding: 10px 20px; | ||
| background-color: orange; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| border-radius: 5px; | ||
| } | ||
|
|
||
| .button-container .btn:hover { | ||
| background-color: darkorange; | ||
| } | ||
|
|
||
|
|
||
| footer { | ||
| background-color: #333; | ||
| color: #fff; | ||
| padding: 20px 0; | ||
| text-align: center; | ||
| } | ||
|
|
||
| footer p { | ||
| font-size: 14px; | ||
| color: #999; | ||
| } |