-
Notifications
You must be signed in to change notification settings - Fork 4
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
16 changed files
with
3,413 additions
and
19,395 deletions.
There are no files selected for viewing
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 @@ | ||
| SKIP_PREFLIGHT_CHECK=true |
Large diffs are not rendered by default.
Oops, something went wrong.
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
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
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
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 |
|---|---|---|
| @@ -1,50 +1,47 @@ | ||
| import React from "react"; | ||
| import { BrowserRouter as Route, Link } from 'react-router-dom'; | ||
| import '../../../node_modules/bootstrap/dist/css/bootstrap.min.css'; | ||
| import Nav from '../nav/Nav'; | ||
| import Footer from '../footer/footer'; | ||
| import './styleshomepg.css'; | ||
| import { Link } from "react-router-dom"; | ||
| import "../../../node_modules/bootstrap/dist/css/bootstrap.min.css"; | ||
| import Nav from "../nav/Nav"; | ||
| import Footer from "../footer/footer"; | ||
| import "./styleshomepg.css"; | ||
|
|
||
| const Courses = () => { | ||
| return <React.Fragment> | ||
| return ( | ||
| <React.Fragment> | ||
| <Nav /> | ||
|
|
||
| <Nav/> | ||
|
|
||
|
|
||
| <div className="container"> | ||
| <div className="row"> | ||
|
|
||
| <div className="col-sm-6 p-5 "> | ||
| <div className="container courses"> | ||
| <div className="text-center px-3"> | ||
| <h1 className="courses__heading">Course Finder</h1> | ||
| <p className="h3 my-5 text-center">Find all your study resources all at one place. </p> | ||
| <div className="d-flex justify-content-center"> | ||
| <ul className="list-group "> | ||
|
|
||
| <Link to={'/Course'} > <button className="courses__button"><li class="list-group-item list-group-item-success">Computer Science and Engineering</li></button></Link> | ||
| <button className="courses__button" disabled><li class="list-group-item list-group-item-danger">Electronics and Communication Engineering</li></button> | ||
| <button className="courses__button" disabled><li class="list-group-item list-group-item-warning">Mechanical Engineering</li></button> | ||
| <button className="courses__button" disabled><li class="list-group-item list-group-item-info">Automobile Engineering</li></button> | ||
| <button className="courses__button" disabled><li class="list-group-item list-group-item-light">Civil Engineering</li></button> | ||
| <button className="courses__button" disabled><li class="list-group-item list-group-item-dark">BioMedical Engineering</li></button> | ||
| </ul> | ||
| </div> | ||
| <p className="h3 my-5 text-center px-3">Find all your study resources all at one place. </p> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <div className="col-sm-6 my-5 text-center"> | ||
| <img src = { require('../../assets/coursesbanner.png') } className = "courses__banner grow" alt="banner" /> | ||
| <div className="row justify-content-center align-items-center "> | ||
| <div className="col-md-6 col-sm-12 pt-6"> | ||
| <div className="d-flex justify-content-center"> | ||
| <ul className="list-group "> | ||
| <Link to={"/Course"}> | ||
| {" "} | ||
| <button className="btn btn-success courses__button">Computer Engineering</button> | ||
| </Link> | ||
| <button className="btn btn-primary courses__button disabled-btn">Electronics Engineering</button> | ||
| <button className="btn btn-dark courses__button disabled-btn">Mechanical Engineering</button> | ||
| <button className="btn btn-info courses__button disabled-btn">Automobile Engineering</button> | ||
| <button className="btn btn-danger courses__button disabled-btn">Civil Engineering</button> | ||
| <button className="btn btn-secondary courses__button disabled-btn">BioMedical Engineering</button> | ||
| </ul> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div className="col-sm-6 my-5 text-center"> | ||
| <img src={require("../../assets/coursesbanner.png")} className="courses__banner grow" alt="banner" /> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <Footer/> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| </React.Fragment>; | ||
| <Footer /> | ||
| </React.Fragment> | ||
| ); | ||
| }; | ||
|
|
||
| export default Courses; | ||
| export default Courses; |
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,24 @@ | ||
| .singleCourse { | ||
| min-height: 80vh; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| padding: 20px 0 50px; | ||
| } | ||
| .shadow h1 { | ||
| font-weight: 600; | ||
| } | ||
| .singleCourse .card-header { | ||
| font-size: 18px; | ||
| } | ||
| .singleCourse .card-body { | ||
| color: rgba(0, 0, 0, 0.7); | ||
| padding: 15px 20px; | ||
| } | ||
| .singleCourse .card-title, | ||
| .singleCourse .card-text { | ||
| font-size: 14px !important; | ||
| } | ||
| .singleCourse .btn { | ||
| font-size: 13px; | ||
| } |
Oops, something went wrong.