├── backend
├── .gitignore
├── constant
│ ├── Mock.js
│ ├── Videodata.js
│ └── project.js
├── controller
│ ├── CallBackController.js
│ ├── ProjectController.js
│ ├── mockController.js
│ ├── tutorialController.js
│ └── userController.js
├── db
│ └── config.js
├── defaultData.js
├── middleware
│ └── auth_middle.js
├── model
│ ├── EnquireSchema.js
│ ├── ProjectSchema.js
│ ├── TutorialSchema.js
│ ├── callBack.js
│ ├── mockSchema.js
│ └── userSchema.js
├── package-lock.json
├── package.json
├── routes
│ └── routes.js
└── server.js
└── frontend
├── .gitignore
├── README.md
├── package-lock.json
├── package.json
├── public
├── favicon.ico
├── index.html
├── logo.png
├── logo192.png
├── logo512.png
├── manifest.json
└── robots.txt
└── src
├── App.css
├── App.js
├── App.test.js
├── components
├── DashBoard
│ ├── Cancel.js
│ ├── DashBoard.js
│ └── dashboard.css
├── Footer
│ ├── Footer.js
│ └── footer.css
├── Form
│ ├── CallBack.js
│ └── callback.css
├── Header
│ ├── Navbar.js
│ └── navbar.css
├── Loader
│ ├── Loader.js
│ ├── loader.css
│ └── logo.png
├── LoginAndSingup
│ ├── Login.js
│ ├── SignUp.js
│ ├── login.css
│ └── signUp.css
├── Pages
│ ├── ElevationAcademy.js
│ ├── FullStack.js
│ ├── Home.js
│ ├── MasterCompetative.js
│ ├── Mock.js
│ ├── Project
│ │ ├── Common.css
│ │ ├── Css.js
│ │ ├── Html.js
│ │ ├── Javascript.js
│ │ ├── MongoDB.js
│ │ ├── Node.js
│ │ └── ReactJS.js
│ └── Tutorial.js
├── Redux
│ ├── Slice
│ │ └── CreateSlice.js
│ └── Store
│ │ └── Store.js
├── Routes
│ └── AllRoutes.js
├── context
│ └── Videodata.js
└── layouts
│ ├── CallBackForm
│ ├── CallBack.js
│ └── callback.css
│ ├── ElevationAcademy
│ ├── ApplicationDetail.js
│ ├── DreamJob.js
│ ├── ElevationHeader.js
│ ├── Frequent.js
│ ├── Multi_Carousel.js
│ ├── NewBatch.js
│ ├── OurMentor.js
│ ├── PaymentPlan.js
│ ├── ProgramHighlights.js
│ ├── ProgramSyllabus.js
│ ├── StudentPlaced.js
│ ├── UpComming.js
│ ├── Webinar.js
│ ├── applicationDetail.css
│ ├── dream.css
│ ├── elevationheader.css
│ ├── frequent.css
│ ├── newBatch.css
│ ├── paymentPlan.css
│ ├── programHighlights.css
│ ├── programSyllabus.css
│ ├── studentPlaced.css
│ ├── upComming.css
│ └── webinar.css
│ ├── FullStack
│ ├── FAQS.js
│ ├── Multi_Carousel.js
│ ├── SelectBatch.js
│ ├── StackCompanies.js
│ ├── StackFees.js
│ ├── StackGetInTouch.js
│ ├── StackHeader.js
│ ├── StackIntern.js
│ ├── StackJourney.js
│ ├── StackMentors.js
│ ├── StackProgram.js
│ ├── StackSyllabus.js
│ ├── StackTools.js
│ ├── Statistics.js
│ ├── faqs.css
│ ├── multi-Carousel.css
│ ├── selectBatch.css
│ ├── stackCompanies.css
│ ├── stackFees.css
│ ├── stackGetInTouch.css
│ ├── stackHeader.css
│ ├── stackIntern.css
│ ├── stackJourney.css
│ ├── stackMentors.css
│ ├── stackProgram.css
│ ├── stackSyllabus.css
│ ├── stackTools.css
│ └── statistics.css
│ ├── Home
│ ├── Blogs.js
│ ├── CodingJourney.js
│ ├── Collage.js
│ ├── Experienced.js
│ ├── Founder.js
│ ├── Hero.js
│ ├── IWant.js
│ ├── Map.js
│ ├── Mentor.js
│ ├── MentorCard.js
│ ├── Slider.js
│ ├── blogs.css
│ ├── codingJourney.css
│ ├── collage.css
│ ├── experienced.css
│ ├── founder.css
│ ├── hero.css
│ ├── iwant.css
│ ├── map.css
│ ├── mentor.css
│ ├── mentorCard.css
│ └── slider.css
│ ├── Master Competative
│ ├── BatchSelect.js
│ ├── CourseFeature.js
│ ├── CourseHighlight.js
│ ├── CoursePageMentors.js
│ ├── CoursePageStats.js
│ ├── CrackCoding.js
│ ├── Curriculum.js
│ ├── EndOfCourse.js
│ ├── MasterHeader.js
│ ├── Slider.js
│ ├── batchSelect.css
│ ├── courseFeature.css
│ ├── courseHightlight.css
│ ├── coursePageMentors.css
│ ├── coursePageStats.css
│ ├── crackCoding.css
│ ├── curriculum.css
│ ├── endOfCourse.css
│ ├── masterheader.css
│ └── slider.css
│ ├── Mock
│ ├── TestCard.js
│ ├── TestCard2.js
│ └── testCard.css
│ ├── Tutorial
│ ├── VideoTutorial.js
│ └── videotutorial.css
│ └── project
│ ├── TopHeader.js
│ └── Topheader.css
├── index.css
├── index.js
├── logo.svg
├── reportWebVitals.js
└── setupTests.js
/backend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | .env
6 | /.pnp
7 | .pnp.js
8 |
9 | # testing
10 | /coverage
11 |
12 | # production
13 | /build
14 |
15 | # misc
16 | .DS_Store
17 | .env.local
18 | .env.development.local
19 | .env.test.local
20 | .env.production.local
21 |
22 | npm-debug.log*
23 | yarn-debug.log*
24 | yarn-error.log*
25 |
--------------------------------------------------------------------------------
/backend/constant/Videodata.js:
--------------------------------------------------------------------------------
1 | const videoData = [
2 | {
3 | video: "https://www.youtube.com/embed/kE5QWhrNjqY",
4 | heading: "Competitive Programming",
5 | detail: "Competitive Programming question solved by top rated coders",
6 | },
7 | {
8 | video: "https://www.youtube.com/embed/L-yrs6rARYo",
9 | heading: "Interview Preparation",
10 | detail:
11 | " Commonly asked coding Interview question solved asked step by step",
12 | },
13 | {
14 | video:
15 | "https://www.youtube.com/embed/5_5oE5lgrhw?list=PLu0W_9lII9ahIappRPN0MCAgtOu3lQjQi",
16 | heading: "Data Structure and Algorithem",
17 | detail:
18 | "Basic Concept of Data Structure and Algo and Ds/Algo Problem Solved",
19 | },
20 | {
21 | video:
22 | "https://www.youtube.com/embed/tnc9ojITRg4?list=PLpyc33gOcbVA4qXMoQ5vmhefTruk5t9lt",
23 | heading: "Aptitude",
24 | detail:
25 | "Aptitude practice question and puzzles to boost your thinking brain.",
26 | },
27 | {
28 | video:
29 | "https://www.youtube.com/embed/j8nAHeVKL08?list=PLu0W_9lII9agpFUAlPFe_VNSlXW5uE0YL",
30 | heading: "C++ Programming",
31 | detail: "Deep Dive into the fundemental of c++ programming",
32 | },
33 | {
34 | video:
35 | "https://www.youtube.com/embed/bkSWJJZNgf8?list=PLxCzCOWd7aiGz9donHRrE9I3Mwn6XdP8p",
36 | heading: "Operating System",
37 | detail: "Learn in-depth concepts of Operating System easily",
38 | },
39 | ];
40 |
41 | module.exports = videoData;
42 |
--------------------------------------------------------------------------------
/backend/controller/CallBackController.js:
--------------------------------------------------------------------------------
1 | const CALLBACK = require('../model/callBack')
2 |
3 |
4 |
5 | const UserCallBack = async (req, res) => {
6 | try {
7 | const { name, email, phone, highest_degree, branch, passing_out } = req.body;
8 | const callback_form_data = await CALLBACK.create({
9 | name,
10 | email,
11 | phone,
12 | highest_degree,
13 | branch,
14 | passing_out,
15 | });
16 |
17 | res.status(200).send({ formdata: callback_form_data, msg: "Thank You For Submiting Form We Will You Call Back After Some Time" });
18 | } catch (err) {
19 | console.log(`Error in CallBack Form ; ${err.message}`);
20 | }
21 | };
22 |
23 |
24 | module.exports = UserCallBack
--------------------------------------------------------------------------------
/backend/controller/ProjectController.js:
--------------------------------------------------------------------------------
1 | const PROJECT = require("../model/ProjectSchema")
2 |
3 | const ProjectData = async(req,res)=>{
4 | try{
5 | const project_data = await PROJECT.find()
6 | res.status(201).send(project_data)
7 | }
8 | catch(err){
9 | console.log(`Err in Project Data ${err.message}`)
10 | }
11 | }
12 |
13 | module.exports = ProjectData
--------------------------------------------------------------------------------
/backend/controller/mockController.js:
--------------------------------------------------------------------------------
1 | const MOCKS = require("../model/mockSchema")
2 |
3 | const mocktest = async(req, res)=>{
4 | try{
5 | const mock = await MOCKS.find()
6 | res.status(201).send(mock)
7 | }
8 | catch(err){
9 | console.log(`Error in Mock Api ${err.message}`)
10 | }
11 | }
12 |
13 | module.exports = mocktest
--------------------------------------------------------------------------------
/backend/controller/tutorialController.js:
--------------------------------------------------------------------------------
1 | const TUTORIAL = require('../model/TutorialSchema')
2 |
3 |
4 | const tutorial = async(req, res)=>{
5 | try{
6 | const tutorial = await TUTORIAL.find()
7 | res.status(201).send(tutorial)
8 | }
9 | catch(err){
10 | console.log(`Error in tutorial ${err.message}`)
11 | }
12 | }
13 |
14 | module.exports = tutorial;
--------------------------------------------------------------------------------
/backend/controller/userController.js:
--------------------------------------------------------------------------------
1 | const USER = require("../model/userSchema");
2 | const ENQUIRE = require("../model/EnquireSchema")
3 | const bcrypt = require("bcrypt");
4 | const jwt = require("jsonwebtoken");
5 |
6 | const SecretKey = "SecretKey";
7 | const SaltRound = 10;
8 |
9 | const register = async (req, res) => {
10 | try {
11 | const { username, email, password, collegename, passingyear } = req.body;
12 |
13 | // Check if the email is already in use
14 | const existingUser = await USER.findOne({ email });
15 | if (existingUser) {
16 | return res.status(200).send({ msg: "Email is already registered" });
17 | }
18 |
19 | // Hash the password
20 | const hashedPassword = await bcrypt.hash(password, SaltRound);
21 |
22 | // Create the user
23 | const user = await USER.create({
24 | username,
25 | email,
26 | password: hashedPassword,
27 | collegename,
28 | passingyear,
29 | });
30 |
31 | console.log(user);
32 | res.status(200).send({ user });
33 | } catch (error) {
34 | console.error(error); // Use `console.error` to log errors
35 | res.status(500).send({ msg: "User not created", err: error.message });
36 | }
37 | };
38 |
39 | const login = async (req, res) => {
40 | try {
41 | let data = req.body;
42 | const { email, password } = data;
43 | console.log(data);
44 |
45 | // find User Is Valid or Not
46 |
47 | const login = await USER.findOne({ email: email });
48 | if (!login) {
49 | return res.status(200).send({ msg: "user not found" });
50 | }
51 | if ((await bcrypt.compare(password, login.password)) == false) {
52 | return res.status(200).send({ msg: "incorrect password" });
53 | }
54 |
55 | // Genrate Token
56 |
57 | const token = jwt.sign({ _id: login._id }, SecretKey, { expiresIn: "24h" });
58 | console.log(login, token);
59 | const loginemail = login.email;
60 | const loginpass = login.password;
61 | console.log(loginemail, loginpass);
62 |
63 | res
64 | .status(200)
65 | .send({ user: [loginemail, loginpass], token: token, userid: login._id });
66 | } catch (e) {
67 | res.status(500).send("error occured", e);
68 | }
69 | };
70 |
71 | const dashboard = (req, res) => {
72 | return res.send({
73 | result: "My name is Nitin and You are Verify",
74 | });
75 | };
76 |
77 |
78 | const userQuery=async(req, res)=>{
79 | try{
80 | const {name, email, phone, Query} = req.body
81 | const enquiryData = await ENQUIRE.create({
82 | name : name,
83 | email: email,
84 | phone: phone,
85 | Query : Query
86 | })
87 | res.status(200).send({msg : "Thanks for registering with us. Our Team will get back to you soon."});
88 |
89 | }
90 | catch(err){
91 | console.log(`Error in Enquire Form ${err.message}`)
92 | }
93 | }
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 | module.exports = { register, login, dashboard, userQuery };
104 |
--------------------------------------------------------------------------------
/backend/db/config.js:
--------------------------------------------------------------------------------
1 | const mongoose = require('mongoose');
2 |
3 |
4 | const startConnection=(URI)=>{
5 |
6 | mongoose.connect(URI)
7 | .then((res)=>{
8 | console.log(`Server is Connected to ${res.connection.host}`);
9 | })
10 | .catch((err)=>{
11 | console.log(`Error connecting to ${err.message}`);
12 | });
13 |
14 | }
15 |
16 | module.exports = startConnection;
--------------------------------------------------------------------------------
/backend/defaultData.js:
--------------------------------------------------------------------------------
1 | const mockdata = require("./constant/Mock")
2 | const MOCKS = require("./model/mockSchema")
3 |
4 | const TUTORIAL = require("./model/TutorialSchema")
5 | const videoData = require("./constant/Videodata")
6 |
7 |
8 | const PROJECT = require("./model/ProjectSchema")
9 | const projectData = require('./constant/project')
10 |
11 | const defaultData = async ()=>{
12 | try{
13 | await TUTORIAL.deleteMany({})
14 | await MOCKS.deleteMany({})
15 | await PROJECT.deleteMany({})
16 | await MOCKS.insertMany(mockdata);
17 | await TUTORIAL.insertMany(videoData)
18 | await PROJECT.insertMany(projectData)
19 | }
20 | catch(err){
21 | console.log(`Error is Found inserting Mockschema ${err.message}`);
22 | }
23 | }
24 |
25 | module.exports = defaultData
--------------------------------------------------------------------------------
/backend/middleware/auth_middle.js:
--------------------------------------------------------------------------------
1 | const jwt = require("jsonwebtoken");
2 | const SecretKey = "SecretKey"
3 |
4 | const userAuth = async (req,res,next)=>{
5 | try{
6 | const bearer = req.headers["authorization"];
7 |
8 | if(bearer === undefined){
9 | return res.status(401).json({msg : "No Token"});
10 | }
11 |
12 | const token = bearer.split(" ")[1];
13 |
14 | if(token === undefined){
15 | return res.status(401).json({msg : "User not Authenticated or Session Expired"});
16 | }
17 | const verify = jwt.verify(token, SecretKey);
18 | if(verify){
19 | return next();
20 | }
21 | return res.status(401).send({msg : "not Authorized for The Particular resource"});
22 | }
23 | catch(err){
24 | return res.status(401).json({msg : "JWT Verification Failed", error : err.message});
25 | }
26 | }
27 |
28 | module.exports = userAuth;
--------------------------------------------------------------------------------
/backend/model/EnquireSchema.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const userquery = mongoose.Schema({
4 | name : {
5 | type : String,
6 | required : true,
7 | },
8 | email:{
9 | type : String,
10 | required : true,
11 | },
12 | phone:{
13 | type : String,
14 | required : true,
15 | },
16 | Query:{
17 | type : String,
18 | required : true,
19 | },
20 | })
21 |
22 | module.exports = mongoose.model("ENQUIRE", userquery);
--------------------------------------------------------------------------------
/backend/model/ProjectSchema.js:
--------------------------------------------------------------------------------
1 | const { default: mongoose } = require("mongoose");
2 |
3 | const ProjectSchema = mongoose.Schema({
4 | id: {
5 | type: Number,
6 | },
7 | name: {
8 | type: String,
9 | },
10 | img: {
11 | type: String,
12 | },
13 | topics1: {
14 | type: String,
15 | },
16 | topics2: {
17 | type: String,
18 | },
19 | topics3: {
20 | type: String,
21 | },
22 | topics4: {
23 | type: String,
24 | },
25 | topics5: {
26 | type: String,
27 | },
28 | topics6: {
29 | type: String,
30 | },
31 | topics7: {
32 | type: String,
33 | },
34 | topics8: {
35 | type: String,
36 | },
37 | topics9: {
38 | type: String,
39 | },
40 | topics10: {
41 | type: String,
42 | },
43 | definition: {
44 | type: String,
45 | },
46 | detail1: {
47 | type: String,
48 | },
49 | detail2: {
50 | type: String,
51 | },
52 | detail3: {
53 | type: String,
54 | },
55 | detail4: {
56 | type: String,
57 | },
58 | detail5: {
59 | type: String,
60 | },
61 | detail6: {
62 | type: String,
63 | },
64 | detail7: {
65 | type: String,
66 | },
67 | detail8: {
68 | type: String,
69 | },
70 | detail9: {
71 | type: String,
72 | },
73 | detail10: {
74 | type: String,
75 | },
76 | });
77 |
78 |
79 | module.exports = mongoose.model("PROJECT", ProjectSchema)
80 |
--------------------------------------------------------------------------------
/backend/model/TutorialSchema.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose")
2 |
3 |
4 | const TutorialSchema = mongoose.Schema({
5 | video:{
6 | type : String,
7 | required : true
8 | },
9 | heading:{
10 | type : String,
11 | required : true
12 | },
13 | detail: {
14 | type : String,
15 | required : true
16 | }
17 | })
18 |
19 | module.exports = mongoose.model("TUTORIAL", TutorialSchema)
--------------------------------------------------------------------------------
/backend/model/callBack.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const Callback = mongoose.Schema({
4 | name: {
5 | type: String,
6 | required: true,
7 | },
8 | email: {
9 | type: String,
10 | required: true,
11 | },
12 | phone: {
13 | type: Number,
14 | required: true,
15 | },
16 | highest_degree: {
17 | type: String,
18 | required: true,
19 | },
20 | branch: {
21 | type: String,
22 | required: true,
23 | },
24 | passing_out: {
25 | type: Number,
26 | required : true,
27 | },
28 | });
29 |
30 | module.exports = mongoose.model("CALLBACK", Callback)
31 |
--------------------------------------------------------------------------------
/backend/model/mockSchema.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const MockSchema = mongoose.Schema({
4 | id: {
5 | type: Number,
6 | required: true,
7 | unique: true,
8 | },
9 | name: {
10 | type: String,
11 | required: true,
12 | trim: true,
13 | },
14 | date: {
15 | type: String,
16 | trim: true,
17 | },
18 | participants: {
19 | type: Number,
20 | trim: true,
21 | },
22 | time:{
23 | type: String,
24 | trim: true,
25 | },
26 | img : {
27 | type: String,
28 | required: true,
29 | trim: true,
30 | },
31 | price :{
32 | type: Number,
33 | required: true,
34 | trim: true,
35 | }
36 |
37 |
38 | });
39 |
40 | module.exports = mongoose.model("MOCKTEST", MockSchema);
41 |
--------------------------------------------------------------------------------
/backend/model/userSchema.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const UserSchema = mongoose.Schema({
4 | username: {
5 | type: String,
6 | required: true,
7 | maxlength: [20, "name is too long"],
8 | trim: true,
9 | unique: true,
10 | },
11 | email: { type: String, required: true, trim: true, unique: true },
12 | password: {
13 | type: String,
14 | required: true,
15 | trim: true,
16 | minlength: [6, "password should be atleast 8 character"],
17 | },
18 | collegename: {
19 | type: String,
20 | required: true,
21 | },
22 | passingyear: {
23 | type: Number,
24 | required: true,
25 | }
26 | });
27 |
28 | module.exports = mongoose.model("USER", UserSchema);
29 |
--------------------------------------------------------------------------------
/backend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "backend",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "server.js",
6 | "scripts": {
7 | "test": "echo \"Error: no test specified\" && exit 1",
8 | "start": "node server.js",
9 | "dev": "nodemon server.js"
10 | },
11 | "engines": {
12 | "node": ">=14.20.1"
13 | },
14 | "author": "Nitin Rajput",
15 | "license": "ISC",
16 | "dependencies": {
17 | "bcrypt": "^5.1.1",
18 | "cors": "^2.8.5",
19 | "dotenv": "^16.3.1",
20 | "express": "^4.18.2",
21 | "jsonwebtoken": "^9.0.2",
22 | "mongoose": "^7.6.0",
23 | "nodemon": "^3.0.1",
24 | "stripe": "^13.10.0"
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/backend/routes/routes.js:
--------------------------------------------------------------------------------
1 | const UserCallBack = require("../controller/CallBackController");
2 | const ProjectData = require("../controller/ProjectController");
3 | const mocktest = require("../controller/mockController");
4 | const tutorial = require("../controller/tutorialController");
5 | const { register, login, dashboard, userQuery } = require("../controller/userController");
6 | const userAuth = require("../middleware/auth_middle");
7 | const routes = require("express").Router();
8 |
9 |
10 | // MOCK Test
11 | routes.get('/mocktest', mocktest)
12 |
13 | // Project Data
14 | routes.get("/project", ProjectData)
15 |
16 | // Tutorial Video
17 | routes.get('/tutorial', tutorial)
18 |
19 |
20 | // register User
21 | routes.post("/register", register)
22 |
23 | // login User
24 | routes.post("/login", login)
25 |
26 | // Auth Checking
27 | routes.get("/dashboard",userAuth , dashboard);
28 |
29 | // Enquire Form
30 | routes.post('/enquire', userQuery)
31 |
32 | // CallBack Form
33 | routes.post('/callbackForm', UserCallBack)
34 |
35 |
36 |
37 |
38 | module.exports = routes
--------------------------------------------------------------------------------
/backend/server.js:
--------------------------------------------------------------------------------
1 | const express = require('express')
2 | const connectDB = require("./db/config")
3 | const routes = require('./routes/routes')
4 | require("dotenv").config()
5 | const cors = require('cors')
6 | const defaultData = require('./defaultData')
7 |
8 | const stripe = require("stripe")(
9 | "sk_test_51NCPAYSItp4zxD80PCrgYV6cRYLmwUc81t7SAAPTjv2j5eV4AU2H2rVbn1CCndSbHnny1EjvRhgwtEnayvKWhgsI00ioNI6LME"
10 | );
11 |
12 |
13 | const app = express()
14 | const PORT = process.env.PORT
15 |
16 | app.use(cors({
17 | origin : "*"
18 | }))
19 |
20 | const startConnection = async ()=>{
21 | try{
22 | await connectDB(process.env.DB_URI)
23 | app.listen(PORT, () => {
24 | console.log(`Server is Runing on http://localhost:${PORT}`)
25 | defaultData()
26 | })
27 | }
28 | catch(err){
29 | console.log(`Database is showing Error ${err.message}`)
30 | }
31 | }
32 |
33 | startConnection()
34 |
35 | app.use(express.json())
36 | app.use("/",routes)
37 |
38 |
39 |
40 |
41 | // Payment Gateway
42 |
43 | app.post("/api/create-checkout-session", async (req, res) => {
44 | const { products } = req.body;
45 | console.log(products)
46 | const lineItems = products.map((product) => ({
47 | price_data: {
48 | currency: "inr",
49 | product_data: {
50 | name: product.name,
51 | },
52 | unit_amount:product.price * 100,
53 | },
54 | quantity: product.quantity,
55 | }));
56 | const session = await stripe.checkout.sessions.create({
57 | payment_method_types: ["card"],
58 | line_items: lineItems,
59 | mode: "payment",
60 | success_url: "https://pb-clone-nitinrajputind.vercel.app/dashBoard",
61 | cancel_url: "https://pb-clone-nitinrajputind.vercel.app/cancel",
62 |
63 | });
64 | res.json({id:session.id})
65 | });
--------------------------------------------------------------------------------
/frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/frontend/README.md:
--------------------------------------------------------------------------------
1 | # Getting Started with Create React App
2 |
3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
4 |
5 | ## Available Scripts
6 |
7 | In the project directory, you can run:
8 |
9 | ### `npm start`
10 |
11 | Runs the app in the development mode.\
12 | Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
13 |
14 | The page will reload when you make changes.\
15 | You may also see any lint errors in the console.
16 |
17 | ### `npm test`
18 |
19 | Launches the test runner in the interactive watch mode.\
20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
21 |
22 | ### `npm run build`
23 |
24 | Builds the app for production to the `build` folder.\
25 | It correctly bundles React in production mode and optimizes the build for the best performance.
26 |
27 | The build is minified and the filenames include the hashes.\
28 | Your app is ready to be deployed!
29 |
30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
31 |
32 | ### `npm run eject`
33 |
34 | **Note: this is a one-way operation. Once you `eject`, you can't go back!**
35 |
36 | If you aren't satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
37 |
38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you're on your own.
39 |
40 | You don't have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn't feel obligated to use this feature. However we understand that this tool wouldn't be useful if you couldn't customize it when you are ready for it.
41 |
42 | ## Learn More
43 |
44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
45 |
46 | To learn React, check out the [React documentation](https://reactjs.org/).
47 |
48 | ### Code Splitting
49 |
50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting)
51 |
52 | ### Analyzing the Bundle Size
53 |
54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size)
55 |
56 | ### Making a Progressive Web App
57 |
58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app)
59 |
60 | ### Advanced Configuration
61 |
62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration)
63 |
64 | ### Deployment
65 |
66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment)
67 |
68 | ### `npm run build` fails to minify
69 |
70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify)
71 |
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "frontend",
3 | "version": "0.1.0",
4 | "private": true,
5 | "dependencies": {
6 | "@reduxjs/toolkit": "^1.9.7",
7 | "@stripe/stripe-js": "^2.1.10",
8 | "@testing-library/jest-dom": "^5.17.0",
9 | "@testing-library/react": "^13.4.0",
10 | "@testing-library/user-event": "^13.5.0",
11 | "axios": "^1.5.1",
12 | "react": "^18.2.0",
13 | "react-dom": "^18.2.0",
14 | "react-multi-carousel": "^2.8.4",
15 | "react-redux": "^8.1.3",
16 | "react-router-dom": "^6.17.0",
17 | "react-scripts": "5.0.1",
18 | "web-vitals": "^2.1.4"
19 | },
20 | "scripts": {
21 | "start": "react-scripts start",
22 | "build": "react-scripts build",
23 | "test": "react-scripts test",
24 | "eject": "react-scripts eject"
25 | },
26 | "eslintConfig": {
27 | "extends": [
28 | "react-app",
29 | "react-app/jest"
30 | ]
31 | },
32 | "browserslist": {
33 | "production": [
34 | ">0.2%",
35 | "not dead",
36 | "not op_mini all"
37 | ],
38 | "development": [
39 | "last 1 chrome version",
40 | "last 1 firefox version",
41 | "last 1 safari version"
42 | ]
43 | }
44 | }
45 |
--------------------------------------------------------------------------------
/frontend/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nitinrajputind/Prepbytes_Clone/9e93b695739c410909dbf46ff146c587849dd918/frontend/public/favicon.ico
--------------------------------------------------------------------------------
/frontend/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
23 |
24 |
25 | PrepBytes
26 |
27 |
28 |
29 | You need to enable JavaScript to run this app.
30 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/frontend/public/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nitinrajputind/Prepbytes_Clone/9e93b695739c410909dbf46ff146c587849dd918/frontend/public/logo.png
--------------------------------------------------------------------------------
/frontend/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nitinrajputind/Prepbytes_Clone/9e93b695739c410909dbf46ff146c587849dd918/frontend/public/logo192.png
--------------------------------------------------------------------------------
/frontend/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nitinrajputind/Prepbytes_Clone/9e93b695739c410909dbf46ff146c587849dd918/frontend/public/logo512.png
--------------------------------------------------------------------------------
/frontend/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | },
10 | {
11 | "src": "logo192.png",
12 | "type": "image/png",
13 | "sizes": "192x192"
14 | },
15 | {
16 | "src": "logo512.png",
17 | "type": "image/png",
18 | "sizes": "512x512"
19 | }
20 | ],
21 | "start_url": ".",
22 | "display": "standalone",
23 | "theme_color": "#000000",
24 | "background_color": "#ffffff"
25 | }
26 |
--------------------------------------------------------------------------------
/frontend/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/frontend/src/App.js:
--------------------------------------------------------------------------------
1 | import './App.css';
2 |
3 | import AllRoutes from './components/Routes/AllRoutes';
4 |
5 | function App() {
6 | return (
7 | <>
8 |
9 | >
10 | );
11 | }
12 |
13 | export default App;
14 |
--------------------------------------------------------------------------------
/frontend/src/App.test.js:
--------------------------------------------------------------------------------
1 | import { render, screen } from '@testing-library/react';
2 | import App from './App';
3 |
4 | test('renders learn react link', () => {
5 | render( );
6 | const linkElement = screen.getByText(/learn react/i);
7 | expect(linkElement).toBeInTheDocument();
8 | });
9 |
--------------------------------------------------------------------------------
/frontend/src/components/DashBoard/Cancel.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const Cancel = () => {
4 | return (
5 |
6 | Payment Canceled
7 |
8 | )
9 | }
10 |
11 | export default Cancel
12 |
--------------------------------------------------------------------------------
/frontend/src/components/Footer/Footer.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {Link} from "react-router-dom"
3 | import "./footer.css"
4 |
5 |
6 |
7 | const Footer = () => {
8 |
9 | const Scroller=()=>{
10 | window.scroll(0,0)
11 | }
12 |
13 |
14 |
15 |
16 | return (
17 |
18 |
19 |
20 | {/* Social Media Contanier */}
21 |
22 |
23 |
24 | Follow US
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 | Contact US
36 |
37 |
38 |
39 | +91- 7969 0021 11
40 |
41 |
42 |
43 | Support@prepbytes.com
44 |
45 |
46 |
47 |
48 | {/* Footer Acticle */}
49 |
50 |
51 |
52 |
53 | LATEST ARTICLES
54 |
55 | CPP Interview Questions
56 | Angular Interview Questions
57 | Cal Command Linux Examples
58 | SAR Command Linux Monitor System Performane
59 |
60 |
61 |
62 |
63 | POPULAR ARTICLES
64 |
65 | Git Interview Questions and Answers
66 | Cloud Computing interview Questions
67 | Automation Testing interview Questions
68 | Django interview Questions
69 | MongoDB interview Questions
70 |
71 |
72 |
73 |
74 |
75 | {/* QUICK LINKS Container */}
76 |
77 |
78 | Project
79 |
80 |
81 | HTML
82 | CSS
83 | JavaScript
84 | ReactJS
85 | Node
86 | MongoDB
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
99 |
100 |
101 | Privacy Policy
102 | Refund Policy
103 | Terms of Use
104 |
105 |
106 |
107 |
108 |
Need Help? Talk to us on 079 6900 2111 or Request Callback
109 |
110 |
111 | )
112 | }
113 |
114 | export default Footer
115 |
--------------------------------------------------------------------------------
/frontend/src/components/Form/CallBack.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react'
2 | import "./callback.css"
3 | import axios from "axios"
4 |
5 | const CallBack = () => {
6 | const [res, setRes]= useState("")
7 | const [formData, setFormData] = useState({
8 | name :"",
9 | email:"",
10 | phone : "",
11 | Query : "",
12 | });
13 |
14 | console.log(formData);
15 |
16 | const handleChange=(e)=>{
17 | e.preventDefault();
18 | const { name, value} = e.target;
19 | setFormData({...formData, [name]: value});
20 | }
21 |
22 | const handlesubmit =(e)=>{
23 | e.preventDefault();
24 | axios.post("https://prepbytes-clone.onrender.com/enquire",formData)
25 | .then((response)=>{
26 | console.log(response.data.msg);
27 | setRes(response.data.msg)
28 | setFormData({
29 | name: "",
30 | email: "",
31 | phone : "",
32 | Query : "",
33 | });
34 | })
35 | .catch((error)=>{
36 | console.log("Error Registration : ", error)
37 | });
38 |
39 | }
40 |
41 |
42 | return (
43 |
44 |
45 |
46 |
47 | {/* left contanier */}
48 |
49 |
Talk to our experts
50 |
Still Confused how PrepBytes can help you achieve your dream? Talk to our experts
51 |
52 |
53 |
54 |
55 |
56 | {/* Right Contanier */}
57 |
67 |
68 |
69 |
70 |
71 | )
72 | }
73 |
74 | export default CallBack
75 |
--------------------------------------------------------------------------------
/frontend/src/components/Form/callback.css:
--------------------------------------------------------------------------------
1 | .getCallBack {
2 | background: #f7f7ff;
3 | min-height: 50px;
4 | }
5 | .getCallBack_main {
6 | max-width: 985px;
7 | margin: 0 auto;
8 | padding-top: 120px;
9 | padding-bottom: 120px;
10 | }
11 | .getCallBack_main_Contanier {
12 | background: #f8f7fd;
13 | border-radius: 10px;
14 | display: -webkit-box;
15 | display: -ms-flexbox;
16 | display: flex;
17 | -webkit-box-shadow: 0 3px 35px rgba(0,0,0,.1607843137254902);
18 | box-shadow: 0 3px 35px rgba(0,0,0,.1607843137254902);
19 | padding: 40px 20px 50px;
20 | }
21 |
22 |
23 | /* left Contanier Style */
24 | .getCallBack_main_Contanier_left{
25 | width: 60%;
26 | display: flex;
27 | flex-direction: column;
28 | }
29 | .getCallBack_main_Contanier_left :first-child{
30 | color: #424242;
31 | font-size: 28px;
32 | font-weight: 600;
33 | text-align: center;
34 | }
35 | .getCallBack_main_Contanier_left :nth-child(2){
36 | color: #858585;
37 | font-size: 16px;
38 | width: 70%;
39 | margin: 20px auto;
40 | text-align: center;
41 |
42 | }
43 | .getCallBack_main_Contanier_left .getCallBack_img {
44 | display: flex;
45 | justify-content: center;
46 | align-items: center;
47 | }
48 |
49 | .getCallBack_img img {
50 | height: 100%;
51 | width: 90%;
52 | }
53 |
54 |
55 | /* right Contanier Style */
56 | .getCallBack_main_Contanier_right{
57 | width: 40%;
58 | padding: 20px;
59 | display: flex;
60 | flex-direction: column;
61 | justify-content: space-evenly;
62 | }
63 | .getCallBack_main_Contanier_right form input{
64 | width: 95%;
65 | padding: 12px;
66 | box-sizing: border-box;
67 | background: #f5f2ff;
68 | font-size: 16px;
69 | font-family: Poppins,sans-serif;
70 | border: 1px solid #d4d4d4;
71 | border-radius: 4px;
72 | margin: 8px 0 20px;
73 | outline: none;
74 | }
75 | input[type=number]::-webkit-inner-spin-button,
76 | input[type=number]::-webkit-outer-spin-button {
77 | -webkit-appearance: none;
78 | -moz-appearance: none;
79 | appearance: none;
80 | margin: 0;
81 | }
82 |
83 | .getCallBack_main_Contanier_right textarea {
84 | width: 95%;
85 | height: 80px;
86 | font-size: 16px;
87 | resize: vertical;
88 | border-image: none;
89 | border-radius: 6px;
90 | border: 1px solid #d4d4d4;
91 | color: #555;
92 | padding: 12px;
93 | background: #f5f2ff;
94 | margin: 8px 0 20px;
95 | outline: none;
96 | }
97 | .getCallBack_main_Contanier_right button {
98 | margin-top: 30px;
99 | width: 95%;
100 | padding: 12px;
101 | background: #f78077;
102 | color: #fff;
103 | border: none;
104 | border-radius: 4px;
105 | font-size: 16px;
106 | cursor: pointer;
107 | box-sizing: border-box;
108 | }
109 |
110 | .getCallBack_main_Contanier_right form p{
111 | display: block;
112 | margin-block-start: 1em;
113 | margin-block-end: 1em;
114 | margin-inline-start: 0px;
115 | margin-inline-end: 0px;
116 | color: #707070;
117 | }
118 |
119 | @media screen and (max-width: 768px) {
120 | .getCallBack_main_Contanier{
121 | flex-direction: column;
122 | }
123 | .getCallBack_main_Contanier_left{
124 | width: 100%;
125 | }
126 | .getCallBack_main_Contanier_right{
127 | width: 100%;
128 | }
129 | }
--------------------------------------------------------------------------------
/frontend/src/components/Header/navbar.css:
--------------------------------------------------------------------------------
1 | .navbar {
2 | display: flex;
3 | justify-content: space-around;
4 | background-color: #fff;
5 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
6 | padding-bottom: 0 !important;
7 | max-height: 76px;
8 | position: sticky;
9 | top: 0;
10 | z-index: 100;
11 | }
12 | .logo img {
13 | height: 75px;
14 | width: 166px;
15 | }
16 | .nav {
17 | display: flex;
18 | flex-direction: column;
19 | }
20 | .auth {
21 | display: flex;
22 | gap: 5px;
23 | justify-content: flex-end;
24 | min-height: 20px;
25 | }
26 | .auth .login {
27 | width: 100px;
28 | background-color: white;
29 | color: #ff219f;
30 | border-radius: 5px;
31 | border: 2px solid #ff219f;
32 | }
33 | .auth .signup {
34 | width: 100px;
35 | background-color: #ff219f;
36 | border: 2px solid #ff219f;
37 | border-radius: 5px;
38 | color: white;
39 | }
40 | .menubar {
41 | display: flex;
42 | }
43 | ul {
44 | display: flex;
45 | }
46 | .nav ul li {
47 | list-style: none;
48 | font-size: 13px;
49 | color: #929292;
50 | }
51 |
52 | .nav ul li:hover{
53 | color: black;
54 | }
55 |
56 | .menu {
57 | list-style-type: none;
58 | padding: 0;
59 | margin: 0;
60 | }
61 |
62 | .dropdown {
63 | position: relative;
64 | display: inline-block;
65 | }
66 |
67 | .dropdown-content {
68 | display: none;
69 | position: absolute;
70 | background-color: #f9f9f9;
71 | min-width: 160px;
72 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
73 | z-index: 1;
74 | }
75 |
76 | .dropdown-content li a {
77 | text-decoration: none;
78 | color: #8A8A8A;
79 | font-size: 13px;
80 | font-weight: 600;
81 | }
82 | .dropdown-content li a:hover {
83 | color: #0097e6;
84 | }
85 |
86 | .dropdown-content li {
87 | padding: 10px;
88 | }
89 |
90 | .dropdown:hover .dropdown-content {
91 | display: block;
92 | }
93 |
94 | .menubar2 {
95 | display: none;
96 | }
97 | .hamburger {
98 | display: none;
99 | }
100 |
101 | .username{
102 | display: flex;
103 | justify-content: center;
104 | align-items: center;
105 | gap: 15px;
106 | position: relative;
107 | }
108 | .username h4{
109 | width: 35px;
110 | height: 35px;
111 | border-radius: 50%;
112 | background-color: #0097e6;
113 | color: #fff;
114 | display: flex;
115 | justify-content: center;
116 | align-items: center;
117 | }
118 | .username p{
119 | color: #0097e6;
120 | font-size: 16px;
121 | }
122 |
123 |
124 |
125 |
126 |
127 | /* ------------------------------------media query------------------------------------------ */
128 | @media screen and (max-width: 1150px) and (min-width: 250px) {
129 | .menubar {
130 | display: none;
131 | }
132 | .menubar2 {
133 | display: block;
134 | background-color: white;
135 | width: 269px;
136 | box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
137 | position: absolute;
138 | top: 76px;
139 | z-index: 10;
140 | right: 9px;
141 | padding-top: 8px;
142 | }
143 | .auth {
144 | display: none;
145 | }
146 | .hamburger {
147 | display: block;
148 | }
149 |
150 | .menubar2 ul li {
151 | list-style: none;
152 | }
153 | .navbar {
154 | display: flex;
155 | justify-content: space-between;
156 | }
157 | }
--------------------------------------------------------------------------------
/frontend/src/components/Loader/Loader.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./loader.css"
3 | import logo from "./logo.png"
4 |
5 | const Loader = () => {
6 | return (
7 |
8 |
9 |
10 | )
11 | }
12 |
13 | export default Loader
14 |
--------------------------------------------------------------------------------
/frontend/src/components/Loader/loader.css:
--------------------------------------------------------------------------------
1 | /* Set the loader to cover the entire screen */
2 | .prepbytes-loader {
3 | position: fixed;
4 | top: 0;
5 | left: 0;
6 | width: 100%;
7 | height: 100%;
8 | background: rgba(255, 255, 255, 1); /* You can use a semi-transparent background to overlay the content */
9 | display: flex;
10 | justify-content: center;
11 | align-items: center;
12 | z-index: 9999; /* Higher z-index to ensure it's on top */
13 | }
14 |
15 | /* Style the loader image */
16 | .prepbytes-loader img {
17 | max-width: 100px; /* Adjust the size as needed */
18 | animation: scale 0.4s linear infinite; /* Example animation */
19 | }
20 |
21 | /* Animate the loader image */
22 | @keyframes scale {
23 | 0%, 100% {
24 | transform: scale(1);
25 | }
26 | 50% {
27 | transform: scale(1.2); /* Adjust the scale factor as needed */
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/frontend/src/components/Loader/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nitinrajputind/Prepbytes_Clone/9e93b695739c410909dbf46ff146c587849dd918/frontend/src/components/Loader/logo.png
--------------------------------------------------------------------------------
/frontend/src/components/LoginAndSingup/signUp.css:
--------------------------------------------------------------------------------
1 | .Register__container--right-top-links-linkone {
2 | width: 50%;
3 | color: #4a8ce5;
4 | font-weight: 600;
5 | border-bottom: 3px solid #4a8ce5;
6 | background: #fff;
7 | text-align: center;
8 | padding-top: 35px;
9 | text-transform: uppercase;
10 | font-size: 18px;
11 | }
12 | .Register__container--right-top-links-linktwo {
13 | width: 50%;
14 | background: #fff;
15 | text-align: center;
16 | padding-top: 35px;
17 | border-bottom: .5px solid #4a8ce5;
18 | text-decoration: none;
19 | text-transform: uppercase;
20 | font-size: 18px;
21 | }
22 | .Register__container--right-top-links-linkone a {
23 | text-decoration: none;
24 | color: #4b8ce8;
25 | }
26 | .Register__container--right-top-links-linktwo a {
27 | text-decoration: none;
28 | color: #6b6f70;
29 | }
30 |
31 | .user-info {
32 | border-bottom: 1px solid gray;
33 | display: flex;
34 | width: 91%;
35 | margin: auto;
36 | flex-direction: column;
37 | }
38 |
39 | .signup-info {
40 | display: flex;
41 | flex-direction: column;
42 | gap: 20px;
43 | }
44 |
45 | .user-info input[type="text"] {
46 | border: none;
47 | background: none;
48 | outline: none;
49 | }
50 |
51 | .college-detail {
52 | width: 100%;
53 | margin: auto;
54 | display: flex;
55 | }
56 |
57 | .college-detail .user-info {
58 | width: 40%;
59 | justify-content: left;
60 | }
61 |
62 | select {
63 | border: none;
64 | }
65 |
66 | .term input[type=radio] {
67 | margin-bottom: 9px;
68 | font-size: large;
69 | }
70 |
71 | .term {
72 | display: flex;
73 | gap: 10px;
74 | padding-left: 13px;
75 | align-items: last baseline;
76 | }
77 |
78 | .user-info1 {
79 | margin-bottom: 10px;
80 | }
81 |
82 | .user-info1 button {
83 | width: 70%;
84 | border-radius: 9px;
85 | height: 40px;
86 | color: white;
87 | display: block;
88 |
89 | margin: auto;
90 | border: none;
91 | background: transparent linear-gradient(180deg, #4b8ce8, #4b8ce8) 0 0 no-repeat padding-box;
92 | }
93 |
--------------------------------------------------------------------------------
/frontend/src/components/Pages/ElevationAcademy.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/jsx-pascal-case */
2 | import React from "react";
3 | import ElevationHeader from "../layouts/ElevationAcademy/ElevationHeader";
4 | import NewBatch from "../layouts/ElevationAcademy/NewBatch";
5 | import DreamJob from "../layouts/ElevationAcademy/DreamJob";
6 | import ProgramHighlights from "../layouts/ElevationAcademy/ProgramHighlights";
7 | import UpComming from "../layouts/ElevationAcademy/UpComming";
8 | import StudentPlaced from "../layouts/ElevationAcademy/StudentPlaced";
9 | import PaymentPlan from "../layouts/ElevationAcademy/PaymentPlan";
10 | import OurMentor from "../layouts/ElevationAcademy/OurMentor";
11 | import Webinar from "../layouts/ElevationAcademy/Webinar";
12 | import ProgramSyllabus from "../layouts/ElevationAcademy/ProgramSyllabus";
13 | import Mutli_Carousel from "../layouts/ElevationAcademy/Multi_Carousel";
14 | import ApplicationDetail from "../layouts/ElevationAcademy/ApplicationDetail";
15 | import Frequent from "../layouts/ElevationAcademy/Frequent";
16 |
17 | const ElevationAcademy = () => {
18 | return (
19 | <>
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 | >
34 | );
35 | };
36 |
37 | export default ElevationAcademy;
38 |
--------------------------------------------------------------------------------
/frontend/src/components/Pages/FullStack.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/jsx-pascal-case */
2 | import React from "react";
3 | import StackHeader from "../layouts/FullStack/StackHeader";
4 | import SelectBatch from "../layouts/FullStack/SelectBatch";
5 | import StackTools from "../layouts/FullStack/StackTools";
6 | import StackJourney from "../layouts/FullStack/StackJourney";
7 | import StackProgram from "../layouts/FullStack/StackProgram";
8 | import StackCompanies from "../layouts/FullStack/StackCompanies";
9 | import Statistics from "../layouts/FullStack/Statistics";
10 | import StackMentors from "../layouts/FullStack/StackMentors";
11 | import StackIntern from "../layouts/FullStack/StackIntern";
12 | import StackFees from "../layouts/FullStack/StackFees";
13 | import Multi_Carousel from "../layouts/FullStack/Multi_Carousel";
14 | import StackGetInTouch from "../layouts/FullStack/StackGetInTouch";
15 | import StackSyllabus from "../layouts/FullStack/StackSyllabus";
16 | import FAQS from "../layouts/FullStack/FAQS";
17 |
18 |
19 | const FullStack = () => {
20 | return (
21 | <>
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | >
37 | );
38 | };
39 |
40 | export default FullStack;
41 |
--------------------------------------------------------------------------------
/frontend/src/components/Pages/Home.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable react/jsx-pascal-case */
2 | import React from 'react'
3 | import Hero from '../layouts/Home/Hero'
4 | import CallBack from '../Form/CallBack'
5 | import CodingJourney from '../layouts/Home/CodingJourney'
6 | import IWant from '../layouts/Home/IWant'
7 | import Experienced from '../layouts/Home/Experienced'
8 | import Founder from '../layouts/Home/Founder'
9 | import Mentor from '../layouts/Home/Mentor'
10 | import Slider from '../layouts/Home/Slider'
11 | import Map from '../layouts/Home/Map'
12 | import MentorCard from '../layouts/Home/MentorCard'
13 | import Collage from '../layouts/Home/Collage'
14 | import Blogs from '../layouts/Home/Blogs'
15 |
16 |
17 | const Home = () => {
18 | return (
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 | )
34 | }
35 |
36 | export default Home
37 |
--------------------------------------------------------------------------------
/frontend/src/components/Pages/MasterCompetative.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import MasterHeader from "../layouts/Master Competative/MasterHeader";
3 | import CourseHighlight from "../layouts/Master Competative/CourseHighlight";
4 | import CoursePageMentors from "../layouts/Master Competative/CoursePageMentors";
5 | import CourseFeature from "../layouts/Master Competative/CourseFeature";
6 | import CoursePageStats from "../layouts/Master Competative/CoursePageStats";
7 | import CrackCoding from "../layouts/Master Competative/CrackCoding";
8 | import Curriculum from "../layouts/Master Competative/Curriculum";
9 | import BatchSelect from "../layouts/Master Competative/BatchSelect";
10 | import Slider from "../layouts/Master Competative/Slider";
11 | import EndOfCourse from "../layouts/Master Competative/EndOfCourse";
12 |
13 | const MasterCompetative = () => {
14 | return (
15 | <>
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | >
27 | );
28 | };
29 |
30 | export default MasterCompetative;
31 |
--------------------------------------------------------------------------------
/frontend/src/components/Pages/Tutorial.js:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react";
2 | import axios from "axios"
3 | import VideoTutorial from "../layouts/Tutorial/VideoTutorial";
4 | import Loader from "../Loader/Loader";
5 |
6 |
7 |
8 |
9 | const Tutorial = () => {
10 |
11 |
12 | const [apidata, setdata] = useState([]);
13 | const [loading, setLoading] = useState(true);
14 |
15 | useEffect(() => {
16 | axios
17 | .get("https://prepbytes-clone.onrender.com/tutorial")
18 | .then((response) => {
19 | setdata(response.data);
20 | setLoading(false);
21 | })
22 | .catch((error) => {
23 | console.log(error);
24 | setLoading(false);
25 | });
26 | },[]);
27 | console.log(apidata)
28 |
29 |
30 |
31 | return (
32 | <>
33 |
34 | {/* Banner */}
35 |
36 |
37 |
38 | {/* Left Contanier */}
39 |
40 |
Prepbytes Video Library
41 |
Increase your knowledge with PrepBytes free videos. PrepBytes video library is a repository of more than 250 videos containing videos on Competitive Programming , Language Fundamentals - C, C++, Java, Data Structures and Algorithms, Aptitude, Operating System, Interview Questions and much more all at one place.
42 |
43 |
44 | {/* Right Image Container */}
45 |
46 |
47 |
48 |
49 |
50 |
51 | {/* Video Heading and Rendering Section */}
52 |
53 |
54 |
CATEGORIES
55 |
56 |
57 | {/* Video Tutorial */}
58 |
59 | {
60 | loading ?
61 | ( )
62 | :
63 | (
64 | apidata && apidata.map((item, index)=>{
65 | return(
66 |
71 | )
72 | })
73 | )
74 | }
75 |
76 |
77 |
78 |
79 | >
80 | );
81 | };
82 |
83 | export default Tutorial;
84 |
--------------------------------------------------------------------------------
/frontend/src/components/Redux/Slice/CreateSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit";
2 |
3 |
4 | // Create a function to initialize the state, either from localStorage or with an empty array
5 | const initializeState = () => {
6 | const localStorageData = localStorage.getItem("cartData");
7 | return localStorageData ? JSON.parse(localStorageData) : [];
8 | };
9 |
10 |
11 | const Slice = createSlice({
12 | name : "cart",
13 | initialState : {
14 | data : initializeState(),
15 | },
16 | reducers:{
17 | addtocart: (state , action)=>{
18 | const newItem = action.payload;
19 | const existingItem = state.data.find((item)=>item.id === newItem.id);
20 | if(existingItem){
21 | existingItem.quantity +=1;
22 | }else{
23 | newItem.quantity = 1;
24 | state.data.push(newItem);
25 | }
26 |
27 | // udate localStorage whenEver State is modified
28 | localStorage.setItem('cartData', JSON.stringify(state.data));
29 | }
30 | }
31 | })
32 |
33 |
34 | export default Slice.reducer;
35 | export const {addtocart} = Slice.actions;
36 |
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/frontend/src/components/Redux/Store/Store.js:
--------------------------------------------------------------------------------
1 | import { configureStore } from "@reduxjs/toolkit";
2 | import Slice from "../Slice/CreateSlice";
3 |
4 | const store = configureStore({
5 | reducer: {
6 | cart : Slice,
7 | },
8 | });
9 | export default store;
--------------------------------------------------------------------------------
/frontend/src/components/Routes/AllRoutes.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-unused-vars */
2 | import React from 'react'
3 | import { Route, Routes, useNavigate } from 'react-router-dom'
4 | import Navbar from '../Header/Navbar'
5 | import Home from '../Pages/Home'
6 | import Mock from '../Pages/Mock'
7 | import Tutorial from '../Pages/Tutorial'
8 | import Footer from '../Footer/Footer';
9 | import MasterCompetative from '../Pages/MasterCompetative'
10 | import FullStack from '../Pages/FullStack'
11 | import ElevationAcademy from '../Pages/ElevationAcademy'
12 | import Login from '../LoginAndSingup/Login'
13 | import SignUp from '../LoginAndSingup/SignUp'
14 | import Html from '../Pages/Project/Html'
15 | import Css from '../Pages/Project/Css'
16 | import Javascript from '../Pages/Project/Javascript'
17 | import MongoDB from '../Pages/Project/MongoDB'
18 | import Node from '../Pages/Project/Node'
19 | import ReactJS from '../Pages/Project/ReactJS'
20 | import DashBoard from '../DashBoard/DashBoard'
21 | import Cancel from '../DashBoard/Cancel'
22 | import CallBack from '../layouts/CallBackForm/CallBack'
23 |
24 |
25 |
26 | const AllRoutes = () => {
27 |
28 | const navigate = useNavigate();
29 |
30 | const ShouldShowNavbarAndFooter=()=>{
31 | const currentPath = window.location.pathname
32 | return !(currentPath === "/dashBoard" || currentPath === "/cancel")
33 | }
34 | return (
35 |
36 | {ShouldShowNavbarAndFooter() && }
37 |
38 |
39 | }/>
40 | }/>
41 | }/>
42 | }/>
43 | }/>
44 | }/>
45 | }/>
46 | }/>
47 | }/>
48 | }/>
49 | }/>
50 | }/>
51 |
52 | }/>
53 | }/>
54 |
55 | }/>
56 | }/>
57 |
58 |
59 | {ShouldShowNavbarAndFooter() && }
60 |
61 | )
62 | }
63 |
64 | export default AllRoutes
65 |
--------------------------------------------------------------------------------
/frontend/src/components/context/Videodata.js:
--------------------------------------------------------------------------------
1 | const videoapi = [
2 | {
3 | video: "https://www.youtube.com/embed/kE5QWhrNjqY",
4 | heading: "Competitive Programming",
5 | detail: "Competitive Programming question solved by top rated coders",
6 | },
7 | {
8 | video: "https://www.youtube.com/embed/L-yrs6rARYo",
9 | heading: "Interview Preparation",
10 | detail:
11 | " Commonly asked coding Interview question solved asked step by step",
12 | },
13 | {
14 | video:
15 | "https://www.youtube.com/embed/5_5oE5lgrhw?list=PLu0W_9lII9ahIappRPN0MCAgtOu3lQjQi",
16 | heading: "Data Structure and Algorithem",
17 | detail:
18 | "Basic Concept of Data Structure and Algo and Ds/Algo Problem Solved",
19 | },
20 | {
21 | video:
22 | "https://www.youtube.com/embed/tnc9ojITRg4?list=PLpyc33gOcbVA4qXMoQ5vmhefTruk5t9lt",
23 | heading: "Aptitude",
24 | detail:
25 | "Aptitude practice question and puzzles to boost your thinking brain.",
26 | },
27 | {
28 | video:
29 | "https://www.youtube.com/embed/j8nAHeVKL08?list=PLu0W_9lII9agpFUAlPFe_VNSlXW5uE0YL",
30 | heading: "C++ Programming",
31 | detail: "Deep Dive into the fundemental of c++ programming",
32 | },
33 | {
34 | video:
35 | "https://www.youtube.com/embed/bkSWJJZNgf8?list=PLxCzCOWd7aiGz9donHRrE9I3Mwn6XdP8p",
36 | heading: "Operating System",
37 | detail: "Learn in-depth concepts of Operating System easily",
38 | },
39 | ];
40 |
41 | export default videoapi
42 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/NewBatch.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./newBatch.css"
3 |
4 | const NewBatch = () => {
5 | return (
6 |
7 |
8 |
9 |
10 |
For 2023, 2022 & 2021 graduates
11 |
Batch Starting: 1st May 2023
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 | Free Webinar
24 | 17th April
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | 1:1 Counselling session
37 | From 18th April
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 | Batch Start
50 | 01 May'23, Mon-Fri (7-10PM)
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 | )
63 | }
64 |
65 | export default NewBatch
66 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/OurMentor.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const OurMentor = () => {
4 | return (
5 |
6 |
Prepbytes Mentors
7 |
Learn directly from experienced software developers and master full stack
8 |
9 |
10 |
11 |
12 |
13 |
Mamta
14 |
Co-Founder, PrepBytes
15 |
16 |
Mamta has a great passion for coding and motivates students to pursue coding. Her mission is to use her knowledge and expertise to help students get placed in their dream company.
17 |
18 |
19 |
20 |
21 |
22 |
Kunal
23 |
SDE, Amazon
24 |
25 |
Kunal loves competitive programming and likes to spend time teaching students. He has secured under 100 rank in various coding challenges and 287th rank in Google Kickstart.
26 |
27 |
28 |
29 |
30 |
31 |
32 |
Harshita Sharma
33 |
Product Engineer, AskSid.ai
34 |
35 |
Harshita is currently working in AskSid.ai and has worked in MindTree as Full Stack Developer. She has 3+ years of MERN Stack Exp. Apart from Web Development she also have experience in developing Voice-based Chatbots using Dialogflow from Google.
36 |
37 |
38 |
39 |
40 |
41 |
42 | )
43 | }
44 |
45 | export default OurMentor
46 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/PaymentPlan.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./paymentPlan.css"
3 |
4 | const PaymentPlan = () => {
5 | return (
6 |
7 |
8 | Payment Plans
9 | Choose a payment plan suiting your needs
10 |
11 |
12 |
13 |
14 |
15 |
16 |
Pay Upfront*
17 |
Pay Now
18 |
21 |
22 |
23 |
*Money-back guarantee on placements
24 |
25 |
26 |
EMI Starting at
27 |
30 |
31 |
32 |
33 |
34 |
35 | Register
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 | Guaranteed Placement of minimum 5 LPA
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 | )
54 | }
55 |
56 | export default PaymentPlan
57 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/UpComming.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./upComming.css"
3 |
4 |
5 | const UpComming = () => {
6 | return (
7 |
8 |
9 |
10 |
11 |
Upcoming Elevation Academy Batch - Full Stack Web Development Career - May 2023 now OPEN
12 |
Apply Now
13 |
14 |
15 |
16 |
17 |
18 |
19 | )
20 | }
21 |
22 | export default UpComming
23 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/applicationDetail.css:
--------------------------------------------------------------------------------
1 | .Main_Appication_Contanier {
2 | background: #e5f4fb;
3 | }
4 |
5 | .apllication-detail {
6 | display: flex;
7 | flex-direction: column;
8 | margin: 0 auto;
9 | padding: 80px 0 80px 40px;
10 | max-width: 1286px;
11 |
12 | }
13 |
14 | .inner-conatiner1 {
15 | width: 100%;
16 | display: -webkit-box;
17 | display: -ms-flexbox;
18 | display: flex;
19 | }
20 |
21 | .inner-conatiner1 h2 {
22 | color: #3e4041;
23 | font-size: 35px;
24 | font-weight: 600;
25 | width: 80%;
26 | line-height: 1.4;
27 | margin-bottom: 12px;
28 | padding: 1rem;
29 | }
30 |
31 | .inner-conatiner1 p {
32 | color: #3e4041;
33 | font-size: 16px;
34 | margin-bottom: 48px;
35 | padding: 1rem;
36 | width: 100%;
37 | }
38 |
39 | .inner-conatiner2 {
40 | display: flex;
41 | }
42 |
43 | .buttons {
44 | display: flex;
45 | flex-direction: column;
46 | }
47 |
48 | .inner-button {
49 | /* width: 100%; */
50 | display: flex;
51 |
52 |
53 |
54 | border-left: thick solid #f3f3f3;
55 | background: #f3f3f3;
56 | color: #c2c2c2;
57 | display: -webkit-box;
58 | display: -ms-flexbox;
59 | display: flex;
60 | -webkit-box-align: center;
61 | -ms-flex-align: center;
62 | align-items: center;
63 | padding: 20px;
64 | width: 294px;
65 | cursor: pointer;
66 |
67 | }
68 |
69 | .heading-app {
70 | margin-top: 20px;
71 | display: flex;
72 | justify-content: center;
73 | }
74 |
75 | .heading-app img {
76 | width: 40px;
77 |
78 | margin-left: 30px;
79 | height: 40px;
80 | margin-right: 10px;
81 | }
82 |
83 | .heading-app p {
84 | font-size: 21px;
85 | }
86 |
87 | .inner-conatiner2-detail {
88 | width: 50%;
89 | background-color: white;
90 | }
91 |
92 | .inner-conatiner2-detail .application h2 {
93 | color: #424242;
94 | font-size: 30px;
95 | font-weight: 600;
96 |
97 |
98 |
99 | color: #424242;
100 | font-size: 30px;
101 | font-weight: 600;
102 | padding: 20px 68px;
103 |
104 | }
105 |
106 | .inner-conatiner2-detail .application p {
107 | color: #424242;
108 | font-size: 20px;
109 | word-wrap: break-word;
110 |
111 |
112 | margin-left: 10px;
113 | margin-bottom: 20px;
114 | width: 90%;
115 |
116 | }
117 |
118 | .inner-conatiner2-detail .application p {
119 | display: flex;
120 | gap: 10px;
121 | }
122 |
123 | .inner-conatiner2-detail .application h2 {
124 | margin-left: 30px;
125 | }
126 |
127 | .inner-conatiner2-detail .application p img {
128 | margin-top: 10px;
129 | width: 20px;
130 | margin-left: 20px;
131 | height: 20px;
132 | }
133 |
134 |
135 | @media screen and (max-width: 768px) {
136 | .inner-conatiner1 {
137 | flex-direction: column;
138 | }
139 |
140 | .inner-conatiner1 h2 {
141 | width: 100%;
142 | }
143 | .inner-conatiner2 {
144 | flex-direction: column;
145 | }
146 | .apllication-detail {
147 | padding: 80px 0 80px 0px;
148 | margin: auto;
149 | }
150 | .buttons {
151 | width: 100%;
152 | }
153 | .inner-button {
154 | width: 100%;
155 | }
156 | .inner-conatiner2-detail {
157 | width: 100%;
158 |
159 | }
160 |
161 |
162 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/frequent.css:
--------------------------------------------------------------------------------
1 | .Main_freq_heading {
2 | color: #3f3c3c;
3 | text-align: center;
4 | font: normal normal 500 1.75rem/3rem Inter;
5 | position: relative;
6 | margin-top: 50px;
7 | }
8 |
9 | .top-container-frequent {
10 | display: flex;
11 | padding-top: 50px;
12 | justify-content: center;
13 | gap: 10px;
14 | flex-wrap: wrap;
15 | padding-bottom: 80px;
16 |
17 | }
18 |
19 | .top-container-frequent .frequent {
20 | width: 200px;
21 | display: flex;
22 | align-items: center;
23 | justify-content: center;
24 | height: 80px;
25 | border: none;
26 | }
27 |
28 | .top-container-frequent .frequent p {
29 | font-size: 18px;
30 |
31 | }
32 |
33 |
34 | .frequent {
35 | background: #f5f1ff;
36 |
37 | }
38 |
39 | .frequent.selected {
40 | background: #00a6eb;
41 | color: #f7f7f7;
42 |
43 | }
44 |
45 |
46 |
47 | .top-cont {
48 | width: 70%;
49 |
50 | display: block;
51 | margin: auto;
52 | }
53 |
54 | .program-info {
55 | gap: 10px;
56 | display: flex;
57 | flex-direction: column;
58 |
59 | align-items: center;
60 | }
61 |
62 | .question {
63 | width: 100%;
64 | display: flex;
65 | text-align: left;
66 | padding: 10px;
67 | border: none;
68 | font-size: 19px;
69 | color: #707070;
70 | background-color: white;
71 | justify-content: space-between;
72 | }
73 |
74 | .question p {
75 | font-size: xx-large;
76 | font-weight: bolder;
77 | }
78 |
79 | .answer p {
80 | padding: 9px;
81 | font-size: 19px;
82 | color: #707070;
83 | }
84 |
85 | /* Apply the background and text color to the entire div when hovering over it */
86 | .question:hover {
87 | color: #fff;
88 | background: transparent linear-gradient(89deg,
89 | rgba(45, 111, 162, 0.8862745098039215),
90 | rgba(2, 9, 14, 0.9294117647058824)) 0 0 no-repeat padding-box;
91 | }
92 |
93 | .question button:last-child {
94 | width: 40px;
95 | height: 40px;
96 | font-size: 30px;
97 | font-weight: bold;
98 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/newBatch.css:
--------------------------------------------------------------------------------
1 | .NewBatch {
2 | max-width: 1286px;
3 | background: #e5f4fb 0 0 no-repeat padding-box;
4 | margin-left: auto;
5 | margin-right: auto;
6 | }
7 |
8 | .NewBatch__main {
9 | display: flex;
10 | padding-top: 15px;
11 | padding-bottom: 15px;
12 | }
13 |
14 | .NewBatch__main_left {
15 | width: 35%;
16 | }
17 |
18 | .NewBatch__main_left_heading_text {
19 | letter-spacing: 0;
20 | color: #424242;
21 | font-size: 24px;
22 | font-weight: 600;
23 | margin-bottom: 10px;
24 | margin-left: 20px;
25 | margin-right: 20px;
26 | }
27 |
28 | .NewBatch__main_left_date_text {
29 | letter-spacing: 0;
30 | color: #f7f7f7;
31 | background: #00a5ec 0 0 no-repeat padding-box;
32 | display: inline-block;
33 | padding: 7px 12px;
34 | font-size: 20px;
35 | font-weight: 600;
36 | }
37 |
38 | .NewBatch__main_right {
39 | width: 65%;
40 | }
41 |
42 | .NewBatch__main_right_top {
43 | display: flex;
44 | justify-content: center;
45 | }
46 |
47 | .NewBatch__main_right_point_outer_counter:not(:last-child) {
48 | width: 33.3%;
49 | }
50 |
51 | .NewBatch__main_right_point_outer_counter {
52 | display: flex;
53 | position: relative;
54 | }
55 |
56 | .NewBatch__main_right_point_container {
57 | z-index: 2;
58 | display: flex;
59 | flex-direction: column;
60 | align-items: center;
61 | }
62 |
63 | .NewBatch__main_right_point_container img {
64 | height: 60px;
65 | width: 60px;
66 | }
67 |
68 | .NewBatch__main_right_point_img {
69 | background: transparent linear-gradient(67deg, #00a5ec, #99e0ff) 0 0 no-repeat padding-box;
70 | border-radius: 50%;
71 | }
72 |
73 | .NewBatch__main_right_point_text_container {
74 | display: flex;
75 | flex-direction: column;
76 | }
77 |
78 | .NewBatch__main_right_point_text_heading {
79 | letter-spacing: 0;
80 | color: #095170;
81 | font-size: 16px;
82 | font-weight: 600;
83 | text-align: center;
84 | }
85 |
86 | .NewBatch__main_right_point_text_date {
87 | font-size: 14px;
88 | background: #d6f3ff 0 0 no-repeat padding-box;
89 | border: .5px dashed #00a5ec;
90 | border-radius: 6px;
91 | display: inline;
92 | padding: 2px 4px;
93 | text-align: center;
94 | letter-spacing: 0;
95 | color: #424242;
96 | }
97 |
98 | .NewBatch__main_right_point_outer_counter:not(:last-child):after {
99 | content: "";
100 | width: 98%;
101 | height: 2px;
102 | background: transparent linear-gradient(90deg, #00a5ec, #99e0ff) 0 0 no-repeat padding-box;
103 | position: absolute;
104 | top: 28px;
105 | left: 29%;
106 | }
107 |
108 |
109 | @media screen and (max-width: 1024px) {
110 | .NewBatch__main {
111 | flex-direction: column;
112 | }
113 | .NewBatch__main_right {
114 | width: auto;
115 | margin-top: 20px;
116 | }
117 | }
118 | @media screen and (max-width: 768px) {
119 | .NewBatch__main {
120 | flex-direction: column;
121 | }
122 | .NewBatch__main_right {
123 | width: auto;
124 | margin-top: 30px;
125 | }
126 | .NewBatch__main_right_top {
127 | flex-direction: column;
128 | margin-left: 30px;
129 | }
130 | .NewBatch__main_right_point_outer_counter:not(:last-child) {
131 | width: auto;
132 | }
133 | .NewBatch__main_right_point_outer_counter {
134 | flex-direction: column;
135 | width: auto;
136 | }
137 | .NewBatch__main_right_point_container {
138 | flex-direction: row;
139 | }
140 | .NewBatch__main_right_point_container_connector_line_vertical {
141 | height: 100px;
142 | width: 2px;
143 | background: transparent linear-gradient(90deg,#00a5ec,#99e0ff) 0 0 no-repeat padding-box;
144 | position: relative;
145 | left: 28px;
146 | }
147 | .NewBatch__main_right_point_outer_counter:not(:last-child):after {
148 | display: none;
149 | }
150 | .NewBatch__main_left {
151 | width: auto;
152 | }
153 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/programHighlights.css:
--------------------------------------------------------------------------------
1 | .ProgramHighlightsNew {
2 | max-width: 1280px;
3 | margin: 40px auto 0;
4 | }
5 | .ProgramHighlightsNew__heading_container {
6 | text-align: center;
7 | margin-bottom: 30px;
8 | margin-left: 15px;
9 | margin-right: 15px;
10 | }
11 | .ProgramHighlightsNew__heading_subtext, .ProgramHighlightsNew__heading_text {
12 | letter-spacing: 0;
13 | color: #3e4041;
14 | width: 60%;
15 | margin-left: auto;
16 | margin-right: auto;
17 | }
18 | .ProgramHighlightsNew__heading_text {
19 | font-size: 35px;
20 | font-weight: 600;
21 | margin-bottom: 10px;
22 | }
23 | .ProgramHighlightsNew__heading_subtext {
24 | font-size: 16px;
25 | }
26 |
27 | .ProgramHighlightsNew__highlights_list_container {
28 | display: flex;
29 | flex-wrap: wrap;
30 | justify-content: center;
31 | }
32 |
33 | .ProgramHighlightsNew__highlights_point_container {
34 | width: 350px;
35 | height: 255px;
36 | box-shadow: 0 0 20px rgba(0,0,0,.1607843137254902);
37 | border: .5px solid #c2c2c2;
38 | border-radius: 10px;
39 | padding: 20px;
40 | margin: 15px;
41 | }
42 | .ProgramHighlightsNew__highlights_point_image {
43 | background: #fdf0d7 0 0 no-repeat padding-box;
44 | border-radius: 10px;
45 | height: 73px;
46 | width: 73px;
47 | padding: 15px;
48 | }
49 | .ProgramHighlightsNew__highlights_point_text_container {
50 | height: 70%;
51 | display: flex;
52 | flex-direction: column;
53 | padding-top: 10px;
54 | }
55 | .ProgramHighlightsNew__highlights_point_text_heading {
56 | letter-spacing: 0;
57 | color: #3e4041;
58 | font-weight: 600;
59 | font-size: 18px;
60 | margin-bottom: 10px;
61 | }
62 | .ProgramHighlightsNew__highlights_point_text_sub_heading {
63 | letter-spacing: 0;
64 | color: #858585;
65 | font-size: 16px;
66 | }
67 |
68 | @media screen and (max-width: 768px) {
69 | .ProgramHighlightsNew__heading_text {
70 | font-size: 30px;
71 | }.ProgramHighlightsNew__heading_subtext, .ProgramHighlightsNew__heading_text {
72 | width: 100%;
73 | }
74 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/studentPlaced.css:
--------------------------------------------------------------------------------
1 | .StudentsPlaced {
2 | background: #fff;
3 | }
4 | .StudentsPlaced__main {
5 | padding: 80px 0;
6 | max-width: 1088px;
7 | margin: 0 auto;
8 | }
9 | .StudentsPlaced__main--heading {
10 | text-align: center;
11 | color: #3e4041;
12 | font-size: 40px;
13 | font-weight: 600;
14 | }
15 | .StudentsPlaced__main--subheading {
16 | text-align: center;
17 | color: #858585;
18 | font-size: 16px;
19 | width: 30%;
20 | margin: 7px auto 90px;
21 | }
22 | .StudentsPlaced__main-companies {
23 | text-align: center;
24 | display: -webkit-box;
25 | display: -ms-flexbox;
26 | display: flex;
27 | }
28 | .StudentsPlaced__main-companies-container, .StudentsPlaced__main-companies-container-box {
29 | display: -webkit-box;
30 | display: -ms-flexbox;
31 | display: flex;
32 | -webkit-box-pack: center;
33 | -ms-flex-pack: center;
34 | justify-content: center;
35 | }
36 | .StudentsPlaced__main-companies-container{
37 | flex-wrap: wrap;
38 | }
39 |
40 | .StudentsPlaced__main-companies-container-box {
41 | -webkit-box-shadow: 0 10px 35px rgba(4,4,4,.0784313725490196);
42 | box-shadow: 0 10px 35px rgba(4,4,4,.0784313725490196);
43 | border-radius: 6px;
44 | margin: 15px;
45 | -webkit-box-align: center;
46 | -ms-flex-align: center;
47 | align-items: center;
48 | }
49 | .StudentsPlaced__main-companies-container-box--img {
50 | height: 100%;
51 | width: 100%;
52 | }
53 |
54 | @media screen and (max-width: 768px) {
55 | .StudentsPlaced__main-companies-container-box--img {
56 | height: 50px;
57 | width: 50px;
58 | }
59 | .StudentsPlaced__main--heading {
60 | font-size: 24px;
61 | }
62 | .StudentsPlaced__main--subheading {
63 | width: 80%;
64 | margin-top: 15px;
65 | margin-bottom: 25px;
66 | font-size: 14px;
67 | }
68 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/ElevationAcademy/upComming.css:
--------------------------------------------------------------------------------
1 | .UpcomingBatches {
2 | background: #fdf0d7;
3 | }
4 | .UpcomingBatches__main {
5 | margin: 0 auto;
6 | max-width: 1286px;
7 | display: -webkit-box;
8 | display: -ms-flexbox;
9 | display: flex;
10 | -webkit-box-align: center;
11 | -ms-flex-align: center;
12 | align-items: center;
13 | }
14 | .UpcomingBatches__main-left {
15 | padding: 50px;
16 | }
17 | .UpcomingBatches__main-left--text {
18 | font-size: 22px;
19 | color: #424242;
20 | margin-bottom: 10px;
21 | width: 70%;
22 | font-weight: 600;
23 | line-height: 1.4;
24 | }
25 | .UpcomingBatches__main-left--btn {
26 | border-radius: 4px;
27 | border: none;
28 | padding: 10px 16px;
29 | background: #f78077;
30 | color: #f7f7f7;
31 | font-size: 16px;
32 | font-weight: 600;
33 | cursor: pointer;
34 | }
35 | .UpcomingBatches__main-right img {
36 | height: 100%;
37 | width: 100%;
38 | }
39 |
40 | @media screen and (max-width: 768px) {
41 | .UpcomingBatches__main-left--text {
42 | width: 100%;
43 | }
44 | .UpcomingBatches__main-right {
45 | padding: 25px 15px;
46 | }
47 | }
48 |
49 | @media screen and (max-width: 500px) {
50 | .UpcomingBatches__main {
51 | -webkit-box-orient: vertical;
52 | -webkit-box-direction: normal;
53 | -ms-flex-direction: column;
54 | flex-direction: column;
55 | }
56 | .UpcomingBatches__main-left {
57 | text-align: center;
58 | }
59 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/FAQS.js:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react'
2 | import "./faqs.css"
3 |
4 |
5 |
6 | const FAQS = () => {
7 |
8 | const [ques1,setques1]=useState(false)
9 | const question1=()=>{
10 | setques1(!ques1)
11 | }
12 | const [ques2,setques2]=useState(false)
13 | const question2=()=>{
14 | setques2(!ques2)
15 | }
16 | const [ques3,setques3]=useState(false)
17 | const question3=()=>{
18 | setques3(!ques3)
19 | }
20 | const [ques4,setques4]=useState(false)
21 | const question4=()=>{
22 | setques4(!ques4)
23 | }
24 | const [ques5,setques5]=useState(false)
25 | const question5=()=>{
26 | setques5(!ques5)
27 | }
28 | return (
29 |
30 |
FAQS
31 |
What is the duration of this program? {ques1 ?"-":"+"}
32 | { ques1 &&(
33 |
34 |
35 |
Duration of this program is 3-4 months
36 | )
37 | }
38 |
What will be the primary language for this program? {ques2 ?"-":"+"}
39 | {ques2 && (
40 |
41 |
42 |
Javascript would be the primary language.
43 | )
44 | }
45 |
46 |
47 |
48 |
Is there any pre-requisite for this program? {ques3 ?"-":"+"}
49 | { ques3 && (
50 |
51 |
52 |
No, there are no pre-requisites.
53 | )
54 | }
55 |
56 |
57 |
58 |
What if I miss the Live sessions? {ques4 ?"-":"+"}
59 | { ques4 && (
60 |
61 |
62 |
Although its highly recommended to not miss the live project sessions but in case if missed recording of the session would be added in your dashboard.
63 | )
64 | }
65 |
66 |
67 |
How is this program different from other full stack courses?{ques5 ?"-":"+"}
68 | { ques5 &&
69 | (
70 |
71 |
72 |
This program provides not only learning but also complete experience of a full stack developer & software development cycle.
73 | )
74 | }
75 |
76 |
77 |
78 |
79 |
80 | )
81 | }
82 |
83 | export default FAQS
84 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/Multi_Carousel.js:
--------------------------------------------------------------------------------
1 | import Carousel from "react-multi-carousel";
2 | import "react-multi-carousel/lib/styles.css";
3 | import "./multi-Carousel.css"
4 |
5 |
6 | function Mutli_Carousel() {
7 | const responsive = {
8 | superLargeDesktop: {
9 | // the naming can be any, depends on you.
10 | breakpoint: { max: 4000, min: 3000 },
11 | items: 4,
12 | },
13 | desktop: {
14 | breakpoint: { max: 3000, min: 1024 },
15 | items: 3,
16 | },
17 | tablet: {
18 | breakpoint: { max: 1024, min: 768 },
19 | items: 2,
20 | },
21 | mobile: {
22 | breakpoint: { max: 768, min: 300 },
23 | items: 1,
24 | },
25 | };
26 | return (
27 |
28 | <>
29 |
30 |
Testimonials
31 |
Our Students Speaks
32 |
33 |
34 |
35 |
36 |
37 |
38 |
Shivam Gupta
39 |
40 |
My coding experience has improved very much. After joining the program, I am able to write optimized code. The mentors are very helpful. They are always concerned about the students and they explain really well. The lectures are also very simple to understand and gives a clear idea.
41 |
42 |
43 |
44 |
45 |
46 |
Shivani Ravi
47 |
48 |
PrepBytes have helped me improve my analytical skills & helped me in all the ways possible. My understanding of questions and logic has also increased. The best thing about PrepBytes are the lectures, it is so simple and everything is explained with examples.
49 |
50 |
51 |
52 |
53 |
54 |
Abhishek Kumar
55 |
56 |
Lectures are up to the mark, concepts are crystal clear by the mentors. And the best part about the course is weekly assignments were provided to us which were not just good but ensuring that we were understanding the concepts but also improved our coding skills considerably.
57 |
58 |
59 |
60 |
61 |
62 |
Nikhil
63 |
64 |
I got a mentor who was very knowledgeable & guided me throughout my placement journey. She explained everything very precisely and clearly & helped me with my doubts and coding problems. PrepBytes helped me a lot in gaining confidence. I thank PrepBytes for their effort.
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 | {/* StackMetrics */}
73 |
74 |
75 | {
76 |
77 |
78 | }
79 |
80 | >
81 | );
82 | }
83 |
84 | export default Mutli_Carousel;
85 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/StackGetInTouch.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./stackGetInTouch.css"
3 |
4 |
5 | const StackGetInTouch = () => {
6 | return (
7 |
8 |
Still confused! Drop your details & get a call back from our academic counselling expert
9 |
Get in touch
10 |
11 | )
12 | }
13 |
14 | export default StackGetInTouch
15 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/StackHeader.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./stackHeader.css"
3 |
4 |
5 | const StackHeader = () => {
6 | return (
7 |
8 |
9 |
10 |
11 |
Partner with
12 |
13 |
14 |
15 |
Learn Full Stack Web Development & Build Real World Projects using React & Node
16 |
Full Stack Web Development Certification Course - Accredited by Nasscom, approved by the Government India.
17 |
24 |
25 |
26 |
27 |
28 |
29 |
Next Batch starts: 1st May, 2023
30 |
Limited seats available
31 |
32 |
33 |
34 |
Program Duration: 4 - 5 months
35 |
15-20 hours/week
36 |
37 |
38 |
39 |
Learning Format
40 |
Recorded Lectures + Online Live Classes
41 |
42 |
43 |
44 |
45 |
46 |
47 | )
48 | }
49 |
50 | export default StackHeader
51 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/StackIntern.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./stackIntern.css"
3 |
4 |
5 |
6 | const StackIntern = () => {
7 | return (
8 |
9 |
10 |
11 |
12 |
Get a real time project
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
Get a real time project
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
Experience agile methodology & Work with industry experts
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
Deploy your project to Production
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
Certification
50 |
Joint Co-Branded Participation Certificate & Partner Completion Certificate
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 | )
59 | }
60 |
61 | export default StackIntern
62 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/StackMentors.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./stackMentors.css"
3 |
4 |
5 |
6 | const StackMentors = () => {
7 | return (
8 |
9 |
10 |
11 | Mentors & Instructors
12 |
13 |
14 |
15 |
16 |
17 |
18 |
Mamta Kumari, Co-Founder PrepBytes
19 |
Mamta has over 5 years of experience working in tech giants like Amazon and Samsung and has mentored more than 2000 students to help them enhance their coding skills. She is all set to guide you in your journey of web development
20 |
21 |
22 |
23 |
24 |
25 |
26 |
Rahul Dutta, Software Developer OLA
27 |
Rahul has work experience of over 3 years and is currently working as Software Developer in OLA. Rahul has mentored many students in past and is excited about sharing his knowledge here.
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
Harshita Sharma, Product Engineer AskSid.ai
36 |
Harshita is currently working in AskSid.ai and has worked in MindTree as Full Stack Developer. Apart from Web Development she also have experience in developing Voice-based Chatbots using Dialogflow from Google.
37 |
38 |
39 |
40 |
41 |
42 |
43 | )
44 | }
45 |
46 | export default StackMentors
47 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/StackProgram.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./stackProgram.css"
3 |
4 | const StackProgram = () => {
5 | return (
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
What you will be after finishing the program?
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
Certified Full stack Developer
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
Experience of Real world work
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
Ready to crack any web developer interview
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 | )
53 | }
54 |
55 | export default StackProgram
56 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/StackTools.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./stackTools.css"
3 |
4 | const StackTools = () => {
5 | return (
6 |
7 |
8 |
Languages & Tools you will learn
9 |
Start learning web development from basics of HTML, CSS, Javascript.Master latest technologies like React, Node, Express. Get hands on Github, MongoDB, Google Analytics, Facebook Analytics
10 |
11 |
12 |
13 |
14 |
15 | )
16 | }
17 |
18 | export default StackTools
19 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/Statistics.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./statistics.css"
3 |
4 |
5 |
6 | const Statistics = () => {
7 | return (
8 |
9 |
10 |
11 |
12 |
13 |
Industry Growth
14 |
15 |
16 |
17 |
18 |
30% Annual Growth
19 |
for Full-Stack Developer jobs by 2020.
20 |
21 |
22 |
23 |
24 |
25 |
26 |
Over 1 million new jobs
27 |
Full-Stack Developer profile will be created by 2020 (Source: NASSCOM)
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
Annual Salary
38 |
39 |
40 |
41 |
Source: Glassdoor
42 |
43 |
44 |
45 |
46 |
47 |
48 | )
49 | }
50 |
51 | export default Statistics
52 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/faqs.css:
--------------------------------------------------------------------------------
1 | .top-cont {
2 | width: 70%;
3 |
4 | display: block;
5 | margin: auto;
6 | max-width: 980px;
7 | margin: 0 auto 80px;
8 | }
9 |
10 | .program-info {
11 | gap: 10px;
12 | display: flex;
13 | flex-direction: column;
14 |
15 | align-items: center;
16 | }
17 | .question {
18 | width: 100%;
19 | padding: 6px;
20 | font-size: 18px;
21 | color: #707070;
22 | font-family: Arial,sans-serif;
23 | display: flex;
24 | justify-content: space-between;
25 | align-items: center;
26 | text-align: left;
27 | border: var(--panel-border);
28 | color: #707070;
29 | margin-bottom: 10px;
30 | background: #fff 0 0 no-repeat padding-box;
31 | box-shadow: 2px 2px 6px rgba(196,220,249,.6);
32 | border-radius: 5px;
33 | }
34 | .question p {
35 | font-size: xx-large;
36 | font-weight: bolder;
37 | }
38 | .answer p {
39 | padding: 9px;
40 | font-size: 19px;
41 | color: #707070;
42 | }
43 | /* Apply the background and text color to the entire div when hovering over it */
44 | .question:hover {
45 | color: #fff;
46 | background: transparent
47 | linear-gradient(
48 | 89deg,
49 | rgba(45, 111, 162, 0.8862745098039215),
50 | rgba(2, 9, 14, 0.9294117647058824)
51 | )
52 | 0 0 no-repeat padding-box;
53 | }
54 |
55 | .question button:last-child {
56 | width: 40px;
57 | height: 40px;
58 | font-size: 30px;
59 | font-weight: bold;
60 | }
61 |
62 |
63 |
64 | @media screen and (max-width: 768px) {
65 | .top-cont {
66 | width: 90%;
67 | }
68 | }
69 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/multi-Carousel.css:
--------------------------------------------------------------------------------
1 | .carsual {
2 | display: flex;
3 | justify-content: flex-start;
4 | align-items: center;
5 | }
6 |
7 | .carsual h4 {
8 | color: rgba(10, 45, 71, .9294117647058824);
9 | font-size: 18px;
10 | }
11 |
12 | .carsual img {
13 | height: 90px;
14 | width: 90px;
15 | margin-right: 30px;
16 |
17 | }
18 |
19 |
20 | .conatiner {
21 | width: 80%;
22 | display: block;
23 | margin: auto;
24 | }
25 |
26 | .carsual-container {
27 | background: #fff 0 0 no-repeat padding-box;
28 | -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137254902);
29 | box-shadow: 0 16px 32px rgba(0, 0, 0, .0784313725490196);
30 | padding: 30px;
31 | -webkit-box-flex: 0;
32 | -ms-flex: 0 0 70%;
33 | flex: 0 0 70%;
34 | margin: 10px;
35 | min-height: 360px;
36 | border-radius: 16px;
37 | height: 400px;
38 | }
39 |
40 | .carsual-container p {
41 | text-align: justify;
42 | font-size: 15px;
43 | color: rgba(106, 127, 134, .9294117647058824);
44 | margin-top: 20px;
45 | }
46 | .carsual h4 {
47 | color: rgba(10, 45, 71, .9294117647058824);
48 | font-size: 18px;
49 | line-height: 0.9rem;
50 | }
51 |
52 | @media screen and (max-width: 850px) {
53 | .carsual-container {
54 | width: 300px;
55 | display: block;
56 | padding-right: 20px;
57 | margin: auto;
58 | margin-top: 40px;
59 | }
60 |
61 | }
62 |
63 | .StackMetrics {
64 | max-width: 1280px;
65 | margin: 50px auto;
66 | }
67 | .StackMetrics--img {
68 | width: 100%;
69 | height: 100%;
70 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/selectBatch.css:
--------------------------------------------------------------------------------
1 | .FullStack_batch-details {
2 | scroll-margin-top: 150px;
3 | }
4 | .BatchDetails__section_main_container {
5 | z-index: 500;
6 | /* width: 100%; */
7 | border: .5px solid #c2c2c2;
8 | background: #f7f7f7 0 0 no-repeat padding-box;
9 | box-sizing: content-box;
10 | }
11 | .BatchDetails__section_container {
12 | max-width: 1366px;
13 | margin-left: auto;
14 | margin-right: auto;
15 | border-radius: 5px;
16 | display: flex;
17 | justify-content: center;
18 | align-items: center;
19 | padding: 5px 0 0;
20 | }
21 | .BatchDetails__heading {
22 | margin-left: 10px;
23 | width: 150px;
24 | font-size: 16px;
25 | color: #707070;
26 | font-weight: 700;
27 | }
28 | .BatchDetails__section {
29 | display: flex;
30 | flex-wrap: wrap;
31 | justify-content: space-evenly;
32 | }
33 | .BatchComponent__date_container {
34 | display: flex;
35 | flex-wrap: wrap;
36 | justify-content: space-evenly;
37 | }
38 | .BatchComponent_radio_buttons {
39 | background: #fff 0 0 no-repeat padding-box;
40 | border-radius: 5px;
41 | padding: 5px 10px;
42 | margin: 5px;
43 | width: 225px;
44 | height: 65px;
45 | }
46 | .BatchComponent_radio_buttons_shadow {
47 | box-shadow: 0 0 20px rgba(0,0,0,.1607843137254902);
48 | }
49 | .BatchComponent_radio_label {
50 | display: flex;
51 | cursor: pointer;
52 | }
53 | input[type=radio] {
54 | display: inline!important;
55 | width: 18px!important;
56 | height: 18px!important;
57 | position: relative;
58 | top: 10px;
59 | }
60 | .BatchComponent__radio_text_container {
61 | width: 100%;
62 | padding-top: 5px;
63 | padding-left: 10px;
64 |
65 | display: inline-block;
66 | letter-spacing: 1.3px;
67 | font-weight: 400;
68 | }
69 |
70 | .BatchComponent__radio_batch_start_date {
71 | font-size: 17px;
72 | position: relative;
73 | }
74 | .BatchComponent__reg_end_date {
75 | color: #f78077;
76 | font-size: 11px;
77 | margin-top: 10px;
78 | }
79 | .BatchComponent__reg_end_date i {
80 | font-style: normal;
81 | }
82 | .BatchDetails__enrollNow_container {
83 | display: flex;
84 | flex-direction: column;
85 | justify-content: center;
86 | align-items: center;
87 | padding: 5px 10px;
88 | }
89 | .BatchDetails__actual_priceamount_no_discount {
90 | font-size: 20px;
91 | text-align: center;
92 | letter-spacing: 0;
93 | color: #f78077;
94 | font-weight: 700;
95 | margin-bottom: 10px;
96 | }
97 | .BatchDetails__cta_container {
98 | display: flex;
99 | justify-content: space-between;
100 | }
101 | .BatchDetails__enroll_now_button {
102 | background: #f78077 0 0 no-repeat padding-box;
103 | border-radius: 6px;
104 | border: none;
105 | min-width: 130px;
106 | padding: 10px;
107 | color: #fffaf0;
108 | font-size: 15px;
109 | cursor: pointer;
110 | }
111 | .BatchDetails__try_free_button {
112 | background: #00a5ec 0 0 no-repeat padding-box;
113 | border-radius: 6px;
114 | border: none;
115 | font-size: 15px;
116 | font-weight: 400;
117 | letter-spacing: 0;
118 | color: #f7f7f7;
119 | min-width: 80px;
120 | margin-left: 5%;
121 | cursor: pointer;
122 | padding: 10px;
123 | width: 105px;
124 | }
125 |
126 | @media screen and (max-width: 768px) {
127 | .BatchComponent_radio_buttons {
128 | margin: 10px!important;
129 | }
130 | .BatchDetails__section_container {
131 | flex-wrap: wrap;
132 | }
133 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackCompanies.css:
--------------------------------------------------------------------------------
1 | .StackCompanies {
2 | background: #f7f9fb;
3 | }
4 | .StackCompanies__main {
5 | max-width: 1280px;
6 | margin: 0 auto;
7 | min-height: 75vh;
8 | padding-bottom: 80px;
9 | }
10 | .StackCompanies__main--heading {
11 | text-align: center;
12 | padding-top: 70px;
13 | margin-bottom: 70px;
14 | color: rgba(10,45,71,.9294117647058824);
15 | font-size: 30px;
16 | }
17 | .StackCompanies__main--container {
18 | display: -webkit-box;
19 | display: -ms-flexbox;
20 | display: flex;
21 | -ms-flex-wrap: wrap;
22 | flex-wrap: wrap;
23 | }
24 | .StackCompanies__main--container-card {
25 | -webkit-box-flex: 0;
26 | -ms-flex: 0 0 21em;
27 | flex: 0 0 21em;
28 | margin: 30px auto;
29 | padding: 15px 30px;
30 | background-color: #fff;
31 | position: relative;
32 | background: transparent -webkit-gradient(linear,left top,left bottom,from(#d0dee9),to(#fff)) 0 0 no-repeat padding-box;
33 | background: transparent linear-gradient(180deg,#d0dee9,#fff) 0 0 no-repeat padding-box;
34 | -webkit-box-shadow: 0 10px 30px rgba(208,222,233,.41568627450980394);
35 | box-shadow: 0 10px 30px rgba(208,222,233,.41568627450980394);
36 | border-radius: 10px;
37 | }
38 | .StackCompanies__main--container-card--heading {
39 | color: rgba(10,45,71,.9294117647058824);
40 | font-size: 18px;
41 | font-weight: 500;
42 | text-align: center;
43 | margin-bottom: 25px;
44 | margin-top: 15px;
45 | }
46 | .StackCompanies__main--container-card--text {
47 | color: rgba(106,127,134,.9294117647058824);
48 | text-align: center;
49 | margin-bottom: 50px;
50 | }
51 | .StackCompanies__main--container-card-companies {
52 | margin-top: 30px;
53 | margin-bottom: 30px;
54 | }
55 | .StackCompanies__main--container-card-companies--middle, .StackCompanies__main--container-card-companies--top {
56 | display: -webkit-box;
57 | display: -ms-flexbox;
58 | display: flex;
59 | -webkit-box-align: start;
60 | -ms-flex-align: start;
61 | align-items: flex-start;
62 | }
63 | .StackCompanies__main--container-card-companies--top {
64 | -webkit-box-pack: justify;
65 | -ms-flex-pack: justify;
66 | justify-content: space-between;
67 | position: relative;
68 | }
69 | .StackCompanies__main--container-card-companies--middle {
70 | -webkit-box-pack: center;
71 | -ms-flex-pack: center;
72 | justify-content: center;
73 | }
74 | .StackCompanies__main--container-card-companies--bottom {
75 | display: -webkit-box;
76 | display: -ms-flexbox;
77 | display: flex;
78 | -webkit-box-pack: justify;
79 | -ms-flex-pack: justify;
80 | justify-content: space-between;
81 | -webkit-box-align: end;
82 | -ms-flex-align: end;
83 | align-items: flex-end;
84 | margin: 5px 0;
85 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackGetInTouch.css:
--------------------------------------------------------------------------------
1 | .StackGetInTouch {
2 | background: transparent -webkit-gradient(linear,left top,right top,from(rgba(45,111,162,.9294117647058824)),to(rgba(23,56,81,.9294117647058824))) 0 0 no-repeat padding-box;
3 | background: transparent linear-gradient(90deg,rgba(45,111,162,.9294117647058824),rgba(23,56,81,.9294117647058824)) 0 0 no-repeat padding-box;
4 | padding: 30px;
5 | display: -webkit-box;
6 | display: -ms-flexbox;
7 | display: flex;
8 | -ms-flex-pack: distribute;
9 | justify-content: space-around;
10 | -webkit-box-align: center;
11 | -ms-flex-align: center;
12 | align-items: center;
13 | }
14 | .StackGetInTouch__text {
15 | color: #fff;
16 | font-size: 21px;
17 | }
18 | .StackGetInTouch__button {
19 | background: #ff219f 0 0 no-repeat padding-box;
20 | border: none;
21 | border-radius: 40px;
22 | padding: 15px 52px 14px 51px;
23 | color: #fff;
24 | cursor: pointer;
25 | text-align: center;
26 | font-size: 18px;
27 | min-width: 220px;
28 | }
29 |
30 | @media screen and (max-width: 48rem) {
31 | .StackGetInTouch__text {
32 | font-size: 18px;
33 | width: 65%;
34 | }
35 | }
36 |
37 | @media screen and (max-width: 30rem){
38 | .StackGetInTouch {
39 | -webkit-box-orient: vertical;
40 | -webkit-box-direction: normal;
41 | -ms-flex-direction: column;
42 | flex-direction: column;
43 | text-align: center;
44 | }
45 | .StackGetInTouch__text {
46 | margin-bottom: 15px;
47 | width: 100%;
48 | }
49 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackHeader.css:
--------------------------------------------------------------------------------
1 | .StackHeader {
2 | color: #fff;
3 | min-height: 550px;
4 | background: url("https://s3.ap-south-1.amazonaws.com/www.prepbytes.com/images/development-programs/full-stack-bg.png") center bottom / cover fixed;
5 | }
6 | .StackHeader-main {
7 | min-height: 60vh;
8 | margin: 0 auto;
9 | max-width: 1280px;
10 | display: -webkit-box;
11 | display: -ms-flexbox;
12 | display: flex;
13 | }
14 | .StackHeader-main__left {
15 | width: 50%;
16 | padding: 80px 0;
17 | }
18 | .StackHeader-main__left--partner {
19 | letter-spacing: .24px;
20 | color: #fff;
21 | }
22 | .StackHeader-main__left--top {
23 | width: 220px;
24 | height: 98px;
25 | border-radius: 10px;
26 | background: transparent linear-gradient(90deg,#fff,#c7eaff) 0 0 no-repeat padding-box;
27 | opacity: 1;
28 | }
29 | .StackHeader-main__left--heading {
30 | font-size: 28px;
31 | margin-top: 25px;
32 | margin-bottom: 30px;
33 | }
34 | .StackHeader-main__left--text {
35 | margin-bottom: 45px;
36 | font-size: 18px;
37 | }
38 | .StackHeader-main__left-buttons {
39 | display: -webkit-box;
40 | display: -ms-flexbox;
41 | display: flex;
42 | flex-direction: row;
43 | }
44 |
45 | .StackHeader-main__left-buttons--button-syllabus {
46 | background: transparent;
47 | -webkit-box-shadow: 0 3px 6px rgba(95,141,196,.2);
48 | box-shadow: 0 3px 6px rgba(95,141,196,.2);
49 | border-radius: 5px;
50 | color: #ff219f;
51 | border: 1px solid #ff219f;
52 | padding: 14px 51px 13px 50px;
53 | font-weight: 400;
54 | cursor: pointer;
55 | text-align: center;
56 | font-size: 18px;
57 | width: 100%;
58 | }
59 | .StackHeader_box {
60 | width: 300px;
61 | height: 80px;
62 | background: #fff 0 0 no-repeat padding-box;
63 | box-shadow: 0 0 10px rgba(0,0,0,.1607843137254902);
64 | border-radius: 10px;
65 | display: flex;
66 | flex-direction: column;
67 | justify-content: center;
68 | padding: 10px;
69 | box-sizing: content-box;
70 | text-align: center;
71 | margin: 10px 0;
72 | }
73 | .StackHeader_box__heading {
74 | font-size: 15px;
75 | letter-spacing: 0;
76 | color: #424242;
77 | }
78 | .StackHeader_box__text {
79 | font-size: 14px;
80 | letter-spacing: 0;
81 | color: #858585;
82 | }
83 |
84 | .StackHeader_main__right, .StackHeader_main__right-lp {
85 | display: flex;
86 | align-items: center;
87 | justify-content: center;
88 | position: relative;
89 | }
90 | .StackHeader_main__right {
91 | width: 50%;
92 | flex-direction: column;
93 | top: 55px;
94 | }
95 |
96 | @media screen and (max-width: 768px) {
97 | .StackHeader-main {
98 | flex-direction: column;
99 | padding: 0;
100 | }
101 | .StackHeader-main__left {
102 | width: 100%;
103 | padding: 40px 20px;
104 | }
105 | .StackHeader_main__right, .StackHeader_main__right-lp {
106 | top: 0;
107 | width: 100%;
108 | flex-wrap: wrap;
109 | justify-content: space-evenly;
110 | }
111 | .StackHeader_main__right {
112 | background-color: #fff;
113 | flex-direction: row;
114 | }
115 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackIntern.css:
--------------------------------------------------------------------------------
1 | .StackIntern__main {
2 | display: -webkit-box;
3 | display: -ms-flexbox;
4 | display: flex;
5 | }
6 | .StackIntern__main__left {
7 | width: 50%;
8 | padding: 10px 50px;
9 | }
10 | .StackIntern__main__left--heading {
11 | color: rgba(10,45,71,.9294117647058824);
12 | font-size: 30px;
13 | margin-top: 50px;
14 | margin-bottom: 80px;
15 | text-align: center;
16 | }
17 | .StackIntern__main__left--box {
18 | font-family: Poppins,sans-serif;
19 | font-weight: 500;
20 | }
21 | .StackIntern__main__left--box-two {
22 | display: -webkit-box;
23 | display: -ms-flexbox;
24 | display: flex;
25 | -ms-flex-pack: distribute;
26 | justify-content: space-around;
27 | -webkit-box-align: center;
28 | -ms-flex-align: center;
29 | align-items: center;
30 | margin-bottom: 20px;
31 | }
32 | .StackIntern__main__left--box-two--icon-container {
33 | margin-left: 55px;
34 | }
35 | .StackIntern__main__left--box-two--text-container {
36 | width: 50%;
37 | text-align: center;
38 | }
39 | .StackIntern__main__left--box-two--text-container--text {
40 | color: rgba(72,55,55,.9294117647058824);
41 | margin-right: 25px;
42 | }
43 |
44 |
45 |
46 |
47 | .StackIntern__main__right {
48 | width: 50%;
49 | padding: 10px 50px 50px;
50 | background: rgba(244,163,76,.9294117647058824);
51 | }
52 | .StackIntern__main__right--heading {
53 | color: rgba(10,45,71,.9294117647058824);
54 | font-size: 24px;
55 | margin-top: 50px;
56 | margin-bottom: 20px;
57 | text-align: center;
58 | }
59 | .StackIntern__main__right--text {
60 | color: hsla(0,0%,100%,.9294117647058824);
61 | text-align: center;
62 | }
63 | .StackIntern__main__right--image {
64 | display: -webkit-box;
65 | display: -ms-flexbox;
66 | display: flex;
67 | -webkit-box-pack: center;
68 | -ms-flex-pack: center;
69 | justify-content: center;
70 | -webkit-box-align: center;
71 | -ms-flex-align: center;
72 | align-items: center;
73 | margin-top: 30px;
74 | padding: 0 40px;
75 | }
76 | .StackIntern__main__right--image-img {
77 | width: 100%;
78 | }
79 |
80 |
81 | @media screen and (max-width: 768px) {
82 | .StackIntern__main {
83 | -webkit-box-orient: vertical;
84 | -webkit-box-direction: normal;
85 | -ms-flex-direction: column;
86 | flex-direction: column;
87 | }
88 | .StackIntern__main__left {
89 | width: 100%;
90 | padding: 0 0 80px;
91 | }
92 | .StackIntern__main__right {
93 | width: 100%;
94 | padding: 0 0 50px;
95 | }
96 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackMentors.css:
--------------------------------------------------------------------------------
1 | .StackMentors {
2 | background: transparent linear-gradient(89deg,rgba(45,111,162,.8862745098039215),rgba(2,9,14,.9294117647058824)) 0 0 no-repeat padding-box;
3 | min-height: 85vh;
4 | }
5 | .StackMentors__main {
6 | padding-top: 30px;
7 | padding-bottom: 30px;
8 | max-width: 1280px;
9 | margin: 0 auto;
10 | }
11 | .StackMentors__main--heading {
12 | text-align: center;
13 | color: #fff;
14 | font-size: 30px;
15 | margin: 70px 0 120px;
16 | }
17 | .StackMentors__main--container {
18 | display: -webkit-box;
19 | display: -ms-flexbox;
20 | display: flex;
21 | -ms-flex-wrap: wrap;
22 | flex-wrap: wrap;
23 | }
24 | .StackMentors__main--container-card {
25 | -webkit-box-flex: 0;
26 | -ms-flex: 0 0 21em;
27 | flex: 0 0 21em;
28 | margin: 50px auto;
29 | padding: 15px 30px;
30 | background-color: #fff;
31 | position: relative;
32 | border-radius: 10px;
33 | border-bottom: 10px solid rgba(244,163,76,.9294117647058824);
34 | }
35 | .StackMentors__main--container-card-image {
36 | text-align: center;
37 | margin-top: -80px;
38 | }
39 | .StackMentors__main--container-card-image--img {
40 | height: 150px;
41 | width: 150px;
42 | }
43 | .StackMentors__main--container-card--heading {
44 | color: rgba(10,45,71,.9294117647058824);
45 | font-size: 18px;
46 | font-weight: 500;
47 | text-align: center;
48 | margin-bottom: 25px;
49 | margin-top: 25px;
50 | }
51 | .StackMentors__main--container-card--text {
52 | color: rgba(106,127,134,.9294117647058824);
53 | text-align: center;
54 | margin-bottom: 50px;
55 | }
56 |
57 |
58 |
59 |
60 | @media screen and (max-width :30rem) {
61 | .StackMentors__main--container-card {
62 | -webkit-box-flex: 0;
63 | -ms-flex: 0 0 18em;
64 | flex: 0 0 18em;
65 | }
66 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackProgram.css:
--------------------------------------------------------------------------------
1 | .StackProgram__main {
2 | display: -webkit-box;
3 | display: -ms-flexbox;
4 | display: flex;
5 | }
6 | .StackProgram__main__left {
7 | width: 50%;
8 | -ms-flex-item-align: center;
9 | -ms-grid-row-align: center;
10 | align-self: center;
11 | }
12 | element.style {
13 | display: flex;
14 | }
15 | .StackProgram__main__right {
16 | width: 50%;
17 | padding: 50px;
18 | background: #fff;
19 | }
20 | .StackProgram__main__right--heading {
21 | color: rgba(10,45,71,.9294117647058824);
22 | font-size: 30px;
23 | margin-top: 50px;
24 | margin-bottom: 120px;
25 | text-align: center;
26 | }
27 | .StackProgram__main__right--box {
28 | font-family: Poppins,sans-serif;
29 | font-weight: 500;
30 | width: 70%;
31 | margin: 0 auto;
32 | }
33 | .StackProgram__main__right--box-one {
34 | display: -webkit-box;
35 | display: -ms-flexbox;
36 | display: flex;
37 | -ms-flex-pack: distribute;
38 | justify-content: space-around;
39 | -webkit-box-align: center;
40 | -ms-flex-align: center;
41 | align-items: center;
42 | margin-bottom: 20px;
43 | letter-spacing: .24px;
44 | }
45 | .StackProgram__main__right--box-one--icon-container {
46 | width: 15%;
47 | }
48 | .StackProgram__main__right--box-one--text-container {
49 | text-align: center;
50 | width: 60%;
51 | }
52 | .StackProgram__main__right--box-one--text-container--text {
53 | color: rgba(72,55,55,.9294117647058824);
54 | margin-right: 21px;
55 | }
56 |
57 | .StackProgram__main__left-img{
58 | width: 100%;
59 | }
60 |
61 | @media screen and (max-width: 1166px) {
62 | .StackProgram__main {
63 | -webkit-box-orient: vertical;
64 | -webkit-box-direction: normal;
65 | -ms-flex-direction: column;
66 | flex-direction: column;
67 | }
68 | .StackProgram__main__left {
69 | width: 100%;
70 | }
71 | .StackProgram__main__right {
72 | width: 100%;
73 | padding: 50px;
74 | background: #fff;
75 | }
76 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/stackTools.css:
--------------------------------------------------------------------------------
1 | .StackTools {
2 | max-width: 1280px;
3 | margin: 0 auto;
4 | min-height: 70vh;
5 | display: -webkit-box;
6 | display: -ms-flexbox;
7 | display: flex;
8 | }
9 | .StackTools__left {
10 | width: 50%;
11 | padding-right: 50px;
12 | -ms-flex-item-align: center;
13 | -ms-grid-row-align: center;
14 | align-self: center;
15 | }
16 | .StackTools__left--heading {
17 | color: rgba(10,45,71,.9294117647058824);
18 | font-size: 28px;
19 | margin-bottom: 10px;
20 | text-align: center;
21 | }
22 | .StackTools__left--text {
23 | text-align: center;
24 | color: rgba(106,127,134,.9294117647058824);
25 | }
26 | .StackTools__right {
27 | width: 50%;
28 | margin-top: 50px;
29 | }
30 | .StackTools__right--img {
31 | width: 100%;
32 | }
33 |
34 | @media screen and (max-width: 767px) {
35 | .StackTools {
36 | -webkit-box-orient: vertical;
37 | -webkit-box-direction: normal;
38 | -ms-flex-direction: column;
39 | flex-direction: column;
40 | }
41 | .StackTools__left--heading {
42 | margin-top: 30px;
43 | }
44 | .StackTools__left {
45 | padding-left: 20px;
46 | padding-right: 20px;
47 | width: 100%;
48 | padding-right: 0;
49 | }
50 | .StackTools__right {
51 | width: 100%;
52 | text-align: center;
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/FullStack/statistics.css:
--------------------------------------------------------------------------------
1 | .Statistics {
2 | max-width: 1280px;
3 | margin: 0 auto;
4 | }
5 | .Statistics__main {
6 | padding: 80px 0;
7 | display: -webkit-box;
8 | display: -ms-flexbox;
9 | display: flex;
10 | }.Statistics__main-left {
11 | width: 60%;
12 | }
13 | .Statistics__main-left-container--heading {
14 | color: rgba(10,45,71,.9294117647058824);
15 | font-weight: 500;
16 | font-size: 24px;
17 | text-align: center;
18 | margin-bottom: 100px;
19 | position: relative;
20 | }
21 | .Statistics__main-left-container--heading:after {
22 | content: "";
23 | margin-top: 11px;
24 | border-top-left-radius: 10px;
25 | border-bottom-left-radius: 10px;
26 | background-color: rgba(244,163,76,.9294117647058824);
27 | position: absolute;
28 | height: 3px;
29 | width: 28px;
30 | top: 30px;
31 | left: 49%;
32 | margin-left: -5px;
33 | }
34 |
35 | .Statistics__main-left-container--block-container {
36 | display: -webkit-box;
37 | display: -ms-flexbox;
38 | display: flex;
39 | -ms-flex-pack: distribute;
40 | justify-content: space-around;
41 | }
42 | .Statistics__main-left-container--block-container-block {
43 | display: -webkit-box;
44 | display: -ms-flexbox;
45 | display: flex;
46 | width: 40%;
47 | }
48 | .Statistics__main-left-container--block-container-block--icon {
49 | margin-right: 20px;
50 | height: 60px;
51 | }
52 | .Statistics__main-left-container--block-container-block-box-heading {
53 | color: rgba(10,45,71,.9294117647058824);
54 | font-size: 18px;
55 | font-weight: 500;
56 | margin-bottom: 10px;
57 | }
58 | .Statistics__main-left-container--block-container-block-box-text {
59 | color: rgba(106,127,134,.9294117647058824);
60 | }
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 | .Statistics__main-right {
69 | width: 40%;
70 | }
71 | .Statistics__main-right-container--heading {
72 | color: rgba(10,45,71,.9294117647058824);
73 | font-weight: 500;
74 | font-size: 24px;
75 | text-align: center;
76 | margin-bottom: 50px;
77 | position: relative;
78 | }
79 | .Statistics__main-right-container--heading:after {
80 | content: "";
81 | margin-top: 11px;
82 | border-top-left-radius: 10px;
83 | border-bottom-left-radius: 10px;
84 | background-color: rgba(244,163,76,.9294117647058824);
85 | position: absolute;
86 | height: 3px;
87 | width: 28px;
88 | top: 30px;
89 | left: 49%;
90 | margin-left: -5px;
91 | }
92 |
93 | .Statistics__main-right-container--image {
94 | height: 200px;
95 | }
96 | .Statistics__main-right-container--image-img {
97 | height: 100%;
98 | width: 100%;
99 | }
100 | .Statistics__main-right-container--source {
101 | margin-top: 30px;
102 | text-align: center;
103 | color: rgba(10,45,71,.9294117647058824);
104 | }
105 | .Statistics__main-right-container--source span {
106 | color: rgba(106,127,134,.9294117647058824);
107 | margin-left: 5px;
108 |
109 | display: inline-block;
110 | letter-spacing: 1.3px;
111 | font-weight: 400;
112 | }
113 |
114 |
115 |
116 |
117 |
118 | @media screen and (max-width: 768px) {
119 | .Statistics__main-left {
120 | width: 50%;
121 | }
122 | .Statistics__main-right {
123 | width: 50%;
124 | }
125 | .Statistics__main-left-container--block-container-block {
126 | width: 80%;
127 | margin: 0 auto 30px;
128 | }
129 | .Statistics__main-left-container--block-container {
130 | -webkit-box-orient: vertical;
131 | -webkit-box-direction: normal;
132 | -ms-flex-direction: column;
133 | flex-direction: column;
134 | }
135 |
136 | }
137 |
138 | @media screen and (max-width: 480px) {
139 | .Statistics__main {
140 | -webkit-box-orient: vertical;
141 | -webkit-box-direction: normal;
142 | -ms-flex-direction: column;
143 | flex-direction: column;
144 | }
145 | .Statistics__main-left {
146 | width: 100%;
147 | }
148 | .Statistics__main-right {
149 | width: 100%;
150 | margin-top: 30px;
151 | }
152 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Blogs.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./blogs.css"
3 |
4 | const Blogs = () => {
5 | return (
6 |
7 |
Most Popular Blogs
8 |
9 |
10 |
11 |
12 |
Top 50 C Programming Interview Questions and Answers
13 |
Read Now
14 |
15 |
16 |
17 |
18 |
Motivational Story : He got his first placement success after being rejected by 22 companies
19 |
Read Now
20 |
21 |
22 |
23 |
24 |
Lyrics from the famous track aptly describes the situation of every fresher when it comes to facing the interview
25 |
Read Now
26 |
27 |
28 |
29 |
30 | )
31 | }
32 |
33 | export default Blogs
34 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Collage.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./collage.css"
3 |
4 | const Collage = () => {
5 | return (
6 |
7 |
8 |
9 |
10 |
11 |
Want to represent your college
12 |
Join Prepbytes Campus Business Manager Internship Program
13 |
Join Now
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | {/* ---------------------------------------Mentors & Colleges--------------------------------------- */}
22 |
23 |
24 |
PrepBytes for Mentors & Colleges
25 |
"Join PrepBytes in the journey to reach more colleges and mentor more students"
26 |
27 |
28 |
29 |
30 |
31 |
32 |
Be a part of growing Mentor Community of PrepBytes
33 |
We look forward to industry experts who have a passion for teaching, mentoring & making students future-ready
34 |
Know More
35 |
36 |
37 |
38 |
39 |
Futuristic ALGO-driven Personalised learning module for your college
40 |
Every Student is different, hence their Learning should also be. Get in touch with to understand how PrepBytes can help students in your college
41 |
Know More
42 |
43 |
44 |
45 |
46 | )
47 | }
48 |
49 | export default Collage
50 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Experienced.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./experienced.css"
3 |
4 | const Experienced = () => {
5 | return (
6 |
7 |
8 | {/* Inner Contnaier First */}
9 |
10 |
11 |
Are you an Experienced Professional willing to Switch?
12 |
13 |
14 |
15 |
16 |
INDUSTRY VETTED CURRICULUM STRUCTURED FOR YOU
17 |
18 |
19 |
20 |
21 |
REAL LIFE PROJECTS BUILT ON DEMAND TECH STACK
22 |
23 |
24 |
25 |
26 |
EXCLUSIVE PLACEMENT SUPPORT TEAM WITH JOB GURANTEE
27 |
28 |
29 |
30 |
PrepBytes Elevation Academy - 4 months Full Stack Program with Job Guarantee
31 |
32 |
33 |
34 | Know more
35 |
36 |
37 |
38 |
39 |
40 | {/* Inner Contnaier Second */}
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | )
58 | }
59 |
60 | export default Experienced
61 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Founder.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./founder.css"
3 |
4 | const Founder = () => {
5 | return (
6 |
7 |
8 |
9 |
10 |
11 |
12 |
Mamta Kumari
13 |
Co-Founder PrepBytes
14 |
15 |
16 |
17 |
18 |
19 |
Attend Free sessions with industry experts and get valuable guidance
20 | How to master competitive coding?
21 | Know More
22 |
23 | How to crack coding interviews?
24 | Know More
25 |
26 |
27 |
28 |
29 | {/* -------------------------------------boxes------------------------------------------- */}
30 |
31 |
32 |
33 |
34 |
100K+
35 |
Coding Community
36 |
37 |
38 |
39 |
40 |
1000+
41 |
Hours of Live session
42 |
43 |
44 |
45 |
46 |
10000+
47 |
Hours of learning
48 |
49 |
50 |
51 |
52 |
700K+
53 |
Doubts Solved
54 |
55 |
56 |
57 |
58 |
59 |
60 | )
61 | }
62 |
63 | export default Founder
64 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Hero.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./hero.css"
3 |
4 | const Hero = () => {
5 | return (
6 |
7 | {/* Top Image Contanier */}
8 |
9 |
10 | {/* Hero TextContainer */}
11 |
12 |
13 | Start your journey of success
14 | Personalised Coding Programs to make coding easier for you
15 |
16 |
17 |
Want to know how PrepBytes can help you?
18 |
19 |
Explore now
20 |
21 |
22 | {/* HeroImage Container */}
23 |
24 |
25 |
26 |
27 |
28 |
29 | {/* Partners */}
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | )
55 | }
56 |
57 | export default Hero
58 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/IWant.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./iwant.css"
3 |
4 |
5 | const IWant = () => {
6 | return (
7 |
8 |
9 |
I Want to
10 |
11 |
12 |
13 |
14 | {/* Card 1 */}
15 |
16 |
17 |
18 |
19 |
20 |
PREPARE FOR CAMPUS PLACEMENT
21 |
22 |
23 |
24 |
25 |
26 | {/* Card 2 */}
27 |
28 |
29 |
30 |
31 |
32 |
MASTER COMPETITIVE PROGRAMMING
33 |
34 |
35 |
36 |
37 | {/* Card 3 */}
38 |
39 |
40 |
41 |
42 |
43 |
BUILD DEVELOPMENT PROJECT
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 | )
54 | }
55 |
56 | export default IWant
57 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Map.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./map.css"
3 |
4 | const Map = () => {
5 | return (
6 |
7 |
8 |
9 | )
10 | }
11 |
12 | export default Map
13 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/Mentor.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./mentor.css"
3 |
4 | const Mentor = () => {
5 | return (
6 |
7 |
8 |
9 |
10 |
11 |
12 | )
13 | }
14 |
15 | export default Mentor
16 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/blogs.css:
--------------------------------------------------------------------------------
1 | .blogs-container h1 {
2 | text-align: center;
3 | padding-top: 100px;
4 | margin-bottom: 30px;
5 | color: #424242;
6 | font-weight: 600;
7 | font-size: 35px;
8 | }
9 |
10 |
11 | .blogs-container {
12 | background-color: #fdf0d7;
13 | }
14 |
15 | .blogs {
16 | height: auto;
17 | display: flex;
18 | justify-content: center;
19 | align-items: center;
20 | flex-wrap: wrap;
21 | gap: 40px;
22 | }
23 |
24 | .inner-blogs {
25 | background: #fff;
26 | position: relative;
27 | width: 330px;
28 | flex: 0 0 22.4em;
29 | height: 480px;
30 | box-shadow: 0 3px 30px rgba(0, 0, 0, .1607843137254902);
31 | border-radius: 4px;
32 | margin: 10px 10px 80px;
33 | transition: box-shadow 0.2s;
34 | }
35 |
36 | .inner-blogs:hover {
37 | box-shadow: 0 14px 28px rgb(0 0 0/25%), 0 10px 10px rgb(0 0 0/22%);
38 | }
39 |
40 | .inner-blogs img {
41 | height: 60%;
42 | width: 100%;
43 | margin: auto;
44 | display: block;
45 | }
46 |
47 | .inner-blogs p {
48 | color: #424242;
49 | font-size: 18px;
50 | font-weight: 500;
51 | padding: 15px 30px;
52 | text-align: left;
53 | line-height: 1.3;
54 | }
55 |
56 | .inner-blogs button {
57 | font-size: 18px;
58 | background: #fff;
59 | color: #00a5ec;
60 | font-weight: 600;
61 | border: none;
62 | cursor: pointer;
63 | width: 200px;
64 | position: absolute;
65 | bottom: 20px;
66 | left: 50%;
67 | right: 50%;
68 | transform: translate(-50%, -50%);
69 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/experienced.css:
--------------------------------------------------------------------------------
1 | .container5 {
2 | display: flex;
3 | justify-content: center;
4 | flex-wrap: wrap-reverse;
5 | background-color: #F8FAFA;
6 | padding: 50px 0 50px 0;
7 | }
8 |
9 | .inner-container-1 {
10 | width: 600px;
11 | }
12 |
13 | .inner-container-1 .sub-inner h1 {
14 | color: #3e4041;
15 | font-size: 35px;
16 | font-weight: 600;
17 | margin-bottom: 25px;
18 | }
19 |
20 | .inner-container-1 .sub-inner {
21 | margin-bottom: 30px;
22 | }
23 |
24 | .inner-container-1 .sub-inner-1 p {
25 | width: 70%;
26 | margin: auto;
27 | background-color: white;
28 | box-shadow: 0 3px 25px rgba(0, 0, 0, .10196078431372549);
29 | margin-bottom: 20px;
30 | text-align: start;
31 | color: #707070;
32 | padding: 20px 20px 20px 30px;
33 | text-transform: uppercase;
34 | font-weight: 500;
35 | }
36 |
37 | .sub-inner-1 {
38 | position: relative;
39 | text-align: center;
40 | margin-bottom: 40px;
41 | }
42 |
43 | .sub-inner-1 img {
44 | position: absolute;
45 | top: 40%;
46 | left: 11%;
47 | transform: translate(-50%, -50%);
48 | }
49 |
50 | .inner-container-1 .sub-inner-2 p {
51 | width: 80%;
52 | height: 60px;
53 | margin: auto;
54 | font-size: 18px;
55 | color: #858585;
56 | margin-bottom: 20px;
57 | }
58 |
59 | .inner-container-1 .sub-inner-3 button {
60 | margin-left: 56px;
61 | width: 180px;
62 | height: 40px;
63 | border-radius: 5px;
64 | border: 2px solid #00a5ec;
65 | background-color: #00a5ec;
66 | color: white;
67 | }
68 |
69 | .inner-container-1 .sub-inner h1 {
70 | margin: auto;
71 | width: 80%;
72 | margin-bottom: 10px;
73 | }
74 |
75 | .inner-container-2 {
76 | display: flex;
77 | width: 600px;
78 | justify-content: center;
79 | }
80 |
81 | .inner-container-2 .sub-inner-4 {
82 | display: flex;
83 | }
84 |
85 | .inner-container-2 .sub-inner-4 img {
86 | width: 100%;
87 | }
88 |
89 | .inner-container-2 .sub-inner-5 {
90 | display: flex;
91 | flex-direction: column;
92 | justify-content: space-between;
93 | }
94 |
95 | .inner-container-2 .sub-inner-5 .image1 {
96 | width: 100%;
97 | }
98 |
99 | .inner-container-2 .sub-inner-5 .image2 {
100 | width: 100%;
101 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/hero.css:
--------------------------------------------------------------------------------
1 | .Hero_Contanier {
2 | width: 100%;
3 | }
4 | .main_Hero_container {
5 | width: 100%;
6 | display: flex;
7 | align-items: center;
8 | justify-content: space-between;
9 | }
10 |
11 | .main_Hero_container .image {
12 | width: 45%;
13 | }
14 |
15 | .main_Hero_container .image img {
16 | width: 100%;
17 | height: 100%;
18 | }
19 | .main_Hero_container .text {
20 | width: 55%;
21 | padding: 80px;
22 | }
23 |
24 | .text h1{
25 | width: 100%;
26 | font-size: 35px;
27 | font-weight: 600;
28 | line-height: 1.4;
29 | color: #3e4041;
30 | margin-bottom: 20px;
31 | }
32 |
33 | .text h1 span{
34 | width: 100%;
35 | display: block;
36 | font-size: 35px;
37 | font-weight: 500;
38 | line-height: 1.4;
39 | color: #f78077;
40 | }
41 | .text p{
42 | font-size: 1.5vw;
43 | color: #f78077;
44 | font-weight: 500;
45 | }
46 |
47 |
48 | .text button {
49 | width: 180px;
50 | height: 40px;
51 | border-radius: 5px;
52 | border: 2px solid #00a5ec;
53 | background-color: #00a5ec;
54 | color: white;
55 | }
56 |
57 |
58 | @media screen and (max-width: 862px){
59 | .main_Hero_container {
60 | flex-direction: column-reverse;
61 | }
62 | .main_Hero_container .image {
63 | width: 100%;
64 | }
65 | .main_Hero_container .text {
66 | width: 90%;
67 | padding: 0;
68 | margin: 20px;
69 | }
70 | .text h1 ,
71 | .text h1 span,
72 | .text p{
73 | font-size: 21px;
74 | }
75 | }
76 |
77 |
78 |
79 | /* Home_achievement Section */
80 |
81 | .Home_achievement{
82 | max-width: 1082px;
83 | margin: 0 auto;
84 | padding-top: 30px;
85 | padding-bottom: 30px;
86 | min-height: 100px;
87 | }
88 | .Home_achievement_container{
89 | display: flex;
90 | flex-wrap: wrap;
91 | justify-content: space-between;
92 | align-items: center;
93 | }
94 | .achievement_item{
95 | height: 50px;
96 | margin: 10px;
97 | }
98 |
99 | @media screen and (max-width : 682px) {
100 | .achievement_item img{
101 | width: 130px;
102 | }
103 | }
104 | @media screen and (max-width : 449px) {
105 | .achievement_item{
106 | margin: 2px;
107 | }
108 | .achievement_item img{
109 | width: 100px;
110 | }
111 | }
112 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/iwant.css:
--------------------------------------------------------------------------------
1 | .container-4 {
2 | width: 100%;
3 | padding: 30px 0 0 0 ;
4 | }
5 |
6 | .container-4-heading {
7 | text-align: center;
8 | font-size: 30px;
9 | font-weight: 600;
10 | text-transform: uppercase;
11 | color: #707070;
12 | margin: 35px 0 35px 0;
13 | }
14 |
15 | .program {
16 | display: flex;
17 | gap: 120px;
18 | flex-wrap: wrap;
19 | margin-bottom: 200px;
20 | justify-content: center;
21 | }
22 |
23 | .image-container {
24 | position: relative;
25 | }
26 |
27 | .program div .sub-program {
28 | height: 300px;
29 | width: 270px;
30 | background: #fff;
31 | box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
32 | border-radius: 8px;
33 | position: absolute;
34 | top: 50%;
35 | left: 50%;
36 | transform: translate(-50%, -33%);
37 | display: flex;
38 | flex-direction: column;
39 | justify-content: space-between;
40 | align-items: center;
41 | text-align: start;
42 | }
43 | .program div .sub-program:hover{
44 | box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
45 | }
46 |
47 | .program div img {
48 | height: 311px;
49 | width: 254px;
50 | }
51 |
52 | .program div .sub-program img {
53 | height: 150px;
54 | width: 200px;
55 | }
56 |
57 | .sub-program p {
58 | text-align: left;
59 | margin-bottom: 40px;
60 | margin-right: 40px;
61 | font-size: 18px;
62 | font-weight: 600;
63 | line-height: 29px;
64 | }
65 |
66 | .sub-program button {
67 | width: 50px;
68 | border-radius: 50%;
69 | position: absolute;
70 | height: 50px;
71 | right: 39%;
72 | bottom: -27px;
73 | background-color: #fff;
74 | border: 2px solid #00a5ec;
75 | color: #00a5ec;
76 | font-size: 22px;
77 | font-family: 900;
78 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/map.css:
--------------------------------------------------------------------------------
1 | .student-map {
2 | display: flex;
3 | justify-content: center;
4 | align-items: center;
5 | }
6 | .student-map img {
7 | width: 100%;
8 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/mentor.css:
--------------------------------------------------------------------------------
1 | .continer-7 {
2 | background-color: #bcf2fb;
3 | display: flex;
4 | justify-content: center;
5 | }
6 |
7 | .continer-7 .inner {
8 | width: 80%;
9 | margin-top: 120px;
10 | position: relative;
11 | bottom: 0px;
12 | }
13 |
14 | .continer-7 .inner .hidden {
15 | width: 80%;
16 | display: flex;
17 | margin: auto;
18 | }
19 |
20 | .continer-7 .inner .display {
21 | display: none;
22 | }
23 |
24 |
25 | @media screen and (max-width: 768px) {
26 | .continer-7 .inner .hidden {
27 | display: none;
28 | }
29 |
30 | .continer-7 .inner .display {
31 | display: block;
32 | width: 100%;
33 | display: flex;
34 | margin: auto;
35 | }
36 | .college-heading {
37 | position: absolute;
38 | top: 50%;
39 | width: 32%;
40 | left: 30%;
41 | width: 68%;
42 | transform: translate(-22%, -105%);
43 | }
44 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/mentorCard.css:
--------------------------------------------------------------------------------
1 | .prepbytes_Mentor_Contanier {
2 | width: 100%;
3 | padding: 100px 0;
4 | }
5 |
6 | .prepbytes_Mentor_Contanier h1 {
7 | text-align: center;
8 | color: #3e4041;
9 | font-size: 40px;
10 | font-weight: 600;
11 |
12 | }
13 |
14 | .prepbytes_Mentor_Contanier p:nth-child(2) {
15 | text-align: center;
16 | margin: 7px auto 50px;
17 | color: #858585;
18 | font-size: 16px;
19 | width: 50%;
20 | }
21 |
22 | .prepbytes-mentor {
23 | max-width: 1280px;
24 | padding-bottom: 50px;
25 | display: flex;
26 | justify-content: center;
27 | flex-wrap: wrap;
28 | margin: auto;
29 | gap: 100px;
30 | }
31 |
32 | .mentor-1 {
33 | border-radius: 10px;
34 | position: relative;
35 | box-shadow: 0 3px 36px rgba(0,0,0,.1607843137254902);
36 | width: 350px;
37 | display: flex;
38 | flex-direction: column;
39 | height: 450px;
40 | }
41 |
42 | .mentor-1 .back {
43 | width: 100%;
44 | }
45 |
46 | .mentor-1 .center {
47 | margin: auto;
48 | display: block;
49 | }
50 |
51 | .mamta {
52 | position: absolute;
53 | top: 25%;
54 | left: 20%;
55 | transform: translate(-50%, -50%);
56 | width: 120px;
57 | }
58 |
59 | .mentor-1 h2 {
60 | margin-top: 40px;
61 | padding: 10px;
62 | color: #424242;
63 | font-weight: 600;
64 | font-size: 18px;
65 | margin-left: 15px;
66 | }
67 |
68 | .mentor-1 p {
69 | margin-top: -28px;
70 | padding: 10px;
71 | font-size: 14px;
72 | color: #858585;
73 | margin-left: 15px;
74 | }
75 |
76 | .mentor-1 hr {
77 | margin: auto;
78 | margin-top: -20px;
79 | margin-bottom: 20px;
80 | background-color: #F7F7F7;
81 | height: 3px;
82 | width: 90%;
83 | }
84 | .mentor-1:last-child{
85 | padding-bottom: 30px;
86 | }
87 |
88 | @media screen and (max-width: 500px) {
89 | .prepbytes_Mentor_Contanier h1 {
90 | font-size: 35px;
91 | }
92 | .prepbytes_Mentor_Contanier p:nth-child(2) {
93 | font-size: 16px;
94 | width: 90%;
95 | }
96 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Home/slider.css:
--------------------------------------------------------------------------------
1 | .Slider_Contanier {
2 | width: 100%;
3 | padding: 100px 0;
4 | }
5 |
6 | .Slider_Contanier h1 {
7 | color: #3e4041;
8 | font-size: 35px;
9 | font-weight: 600;
10 | width: 50%;
11 | line-height: 1.4;
12 | padding: 1rem;
13 | text-align: center;
14 | margin: auto auto 50px;
15 | }
16 |
17 | .circle1 {
18 | width: 13%;
19 | height: 24%;
20 | border-radius: 50%;
21 | filter: blur(2px);
22 | }
23 |
24 | .circle2 {
25 | width: 15%;
26 | height: 30%;
27 | border-radius: 50%;
28 | filter: blur(2px);
29 | }
30 |
31 | .circle3 {
32 | width: 23%;
33 | height: 40%;
34 | border-radius: 50%;
35 | }
36 |
37 | .circle4 {
38 | width: 15%;
39 | height: 30%;
40 | filter: blur(2px);
41 | border-radius: 50%;
42 | }
43 |
44 | .circle5 {
45 | width: 13%;
46 | height: 24%;
47 | filter: blur(2px);
48 | border-radius: 50%;
49 | }
50 |
51 | .inner-container {
52 | display: flex;
53 | justify-content: center;
54 | align-items: center;
55 | gap: 20px;
56 | }
57 |
58 | .carousel {
59 | width: 70%;
60 | height: 550px;
61 | overflow: hidden;
62 | display: block;
63 | align-items: center;
64 | margin: auto;
65 | padding: 50px;
66 | border: 0.25px solid #d8d8d8;
67 | }
68 |
69 | .carousel-item p {
70 | padding-top: 20px;
71 | text-align: center;
72 | font-size: 22px;
73 | font-weight: 400;
74 | padding: 40px 100px;
75 | color: #3e4041;
76 | }
77 |
78 | .carousel-control-next-icon {
79 | background-color: #f77777;
80 | height: 50px;
81 | width: 50px;
82 | color: white;
83 | border-radius: 50%;
84 | position: absolute;
85 | z-index: 10;
86 | }
87 |
88 | .carousel-control-prev-icon {
89 | background-color: #f77777;
90 | height: 50px;
91 | width: 50px;
92 | color: white;
93 | border-radius: 50%;
94 | }
95 |
96 | .slider-heading {
97 | display: flex;
98 | justify-content: center;
99 | }
100 |
101 | .slider-heading h1 {
102 | font-weight: bold;
103 | padding: 50px;
104 | display: block;
105 | margin: auto;
106 | }
107 |
108 | @media screen and (max-width : 889px) {
109 | .carousel-item p {
110 | padding: 0;
111 | }
112 | .carousel{
113 | width: 90%;
114 | height: max-content;
115 | }
116 | .Slider_Contanier h1 {
117 | width: 90%;
118 | font-size: 25px;
119 | }
120 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/BatchSelect.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./batchSelect.css"
3 |
4 |
5 | const BatchSelect = () => {
6 |
7 | return (
8 |
9 |
10 |
11 |
SELECT BATCH
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | 1st May
23 | Enrolment Started
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 | 15th May
33 | Enrolment Started
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
₹ 25000
44 |
45 |
46 | Enroll Now
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 | )
55 | }
56 |
57 | export default BatchSelect
58 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/CourseHighlight.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./courseHightlight.css"
3 |
4 | const CourseHighlight = () => {
5 | return (
6 |
7 |
8 |
9 |
10 |
11 |
12 |
9 months intensive bootcamp
13 |
14 |
15 |
16 |
17 |
18 |
19 |
Quick doubt resolution
20 |
21 |
22 |
23 |
24 |
25 |
26 |
Live coding sessions with top-rated coders
27 |
28 |
29 |
30 |
31 |
32 |
33 |
Get certificate on course completion
34 |
35 |
36 |
37 |
38 |
39 | )
40 | }
41 |
42 | export default CourseHighlight
43 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/CoursePageMentors.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./coursePageMentors.css"
3 |
4 |
5 | const CoursePageMentors = () => {
6 | return (
7 |
8 |
Get Guidance From Industry Leading Mentors
9 |
Other Mentors You Will Be Interacting With
10 |
11 |
12 |
13 |
14 |
15 |
Mamta
16 |
Co-founder,Prepbytes
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
Kushdeep
26 |
SDE,Sharechat
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
Aveek
35 |
Mentors,Prepbytes
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 | )
44 | }
45 |
46 | export default CoursePageMentors
47 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/CoursePageStats.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./coursePageStats.css"
3 |
4 |
5 | const CoursePageStats = () => {
6 | return (
7 |
8 |
9 |
10k+
10 |
Students Enrolled
11 |
12 |
13 |
1000K+
14 |
Doubts Solved
15 |
16 |
17 |
2k+ hrs
18 |
Mentor Interaction
19 |
20 |
21 | )
22 | }
23 |
24 | export default CoursePageStats
25 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/CrackCoding.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./crackCoding.css"
3 |
4 | const CrackCoding = () => {
5 | return (
6 |
7 |
8 | Crack Reputed Coding Contests
9 |
10 |
11 |
12 |
13 |
14 | )
15 | }
16 |
17 | export default CrackCoding
18 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/Curriculum.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { useState} from "react";
3 | import "./curriculum.css";
4 | function Curriculum() {
5 | const [data, setdata] = useState(1);
6 |
7 | const handle_maths = () => {
8 | setdata(3);
9 | };
10 |
11 | const handle_cpp = () => {
12 | setdata(1);
13 | };
14 |
15 | const handle_dsa = () => {
16 | setdata(2);
17 | };
18 |
19 | return (
20 |
21 |
Curriculum
22 |
23 |
24 |
25 |
26 |
27 |
Language Fundamentals (Choose any one of C/C++/Java/Python)
28 |
29 |
30 |
31 |
32 |
Data Structures and Algorithms
33 |
34 |
35 |
36 |
37 |
Competitive Maths
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 | {data === 1 && (
49 |
50 | C/C++/Java/Python Overview
51 | Logic Building
52 | Data Types
53 | Loops and Conditions
54 | Pattern Programming
55 | Operators and Expressions
56 | Input/Output
57 | Functions
58 | Functions and OOPs(Python)
59 | Pointers(C/C++)
60 | Arrays
61 |
62 | )}
63 |
64 | {data === 2 && (
65 |
66 | Linked List
67 | Stacks
68 | Queues
69 | Trees
70 | Heaps
71 | Graphs
72 | Segment Trees
73 | Searching
74 | Sorting
75 | Hashing
76 | Intro to DS/Algo
77 |
78 | )}
79 |
80 | {data === 3 && (
81 |
82 | Prime Numbers
83 | Permutation & Combinations
84 | GCD
85 | LCM
86 | Probablities
87 | Number Theory
88 | Modular Arithmetic
89 | Binary Exponention
90 | Matrix Exponentiation
91 | Game Theory
92 | Computational Geometry
93 |
94 | )}
95 |
96 |
97 |
98 |
99 |
100 |
101 | );
102 | }
103 |
104 | export default Curriculum;
105 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/EndOfCourse.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./endOfCourse.css"
3 |
4 | const EndOfCourse = () => {
5 | return (
6 |
7 |
By The End Of This Course, You Will Be Able To
8 |
9 |
10 |
11 |
12 |
By The End Of This Course, You Will Be Able To
13 |
14 |
15 |
16 |
4 star and above in CodeChef
17 |
18 |
19 |
20 |
21 |
Crack contests like Facebook Hacker Cup, Google Kickstart, ACM ICPC
22 |
23 |
24 |
25 |
26 |
Candidate master and above in CodeForces
27 |
28 |
29 |
30 |
Specialist and above in SPOJ.com
31 |
32 |
33 |
34 |
35 |
36 |
37 | )
38 | }
39 |
40 | export default EndOfCourse
41 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/Slider.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Carousel from "react-multi-carousel";
3 | import "react-multi-carousel/lib/styles.css";
4 | import "./slider.css";
5 | const responsive = {
6 | desktop: {
7 | breakpoint: { max: 3000, min: 1024 },
8 | items: 3,
9 | slidesToSlide: 1, // optional, default to 1.
10 | },
11 | tablet: {
12 | breakpoint: { max: 1024, min: 768 },
13 | items: 2,
14 | slidesToSlide: 1, // optional, default to 1.
15 | },
16 | mobile: {
17 | breakpoint: { max: 767, min: 464 },
18 | items: 1,
19 | slidesToSlide: 1, // optional, default to 1.
20 | },
21 | };
22 | const sliderImageUrl = [
23 | //First image url
24 | {
25 | name: "Shivam Gupta",
26 | review:
27 | "My coding experience has improved very much. After joining the program, I am able to write optimized code. The mentors are very helpful. They are always concerned about the students and they explain really well. The lectures are also very simple to understand and gives a clear idea.",
28 | img: "https://prepbytes-misc-images.s3.ap-south-1.amazonaws.com/full-stack/testimonial/Shivam+Gupta.svg",
29 | },
30 | {
31 | name: "Shivani Ravi",
32 | review:
33 | "PrepBytes have helped me improve my analytical skills & helped me in all the ways possible. My understanding of questions and logic has also increased. The best thing about PrepBytes are the lectures, it is so simple and everything is explained with examples. ",
34 | img: "https://prepbytes-misc-images.s3.ap-south-1.amazonaws.com/full-stack/testimonial/shivani+Ravi.svg",
35 | },
36 | //Second image url
37 | {
38 | name: "Abhishek Kumar",
39 | review:
40 | "Lectures are up to the mark, concepts are crystal clear by the mentors. And the best part about the course is weekly assignments were provided to us which were not just good but ensuring that we were understanding the concepts but also improved our coding skills considerably.",
41 | img: "https://prepbytes-misc-images.s3.ap-south-1.amazonaws.com/full-stack/testimonial/Abhishek+Kumar.svg",
42 | },
43 | //Third image url
44 | {
45 | name: "Nikhil",
46 | review:
47 | "I got a mentor who was very knowledgeable & guided me throughout my placement journey. She explained everything very precisely and clearly & helped me with my doubts and coding problems. PrepBytes helped me a lot in gaining confidence. I thank PrepBytes for their effort.",
48 | img: "https://prepbytes-misc-images.s3.ap-south-1.amazonaws.com/full-stack/testimonial/Nikhil.svg",
49 | },
50 | ];
51 | const Slider = () => {
52 | return (
53 |
54 |
This Might Be You!
55 |
65 | {sliderImageUrl.map((item, index) => {
66 | return (
67 |
68 |
69 |
70 |
{item.name}
71 |
72 |
{item.review}
73 |
74 |
75 |
76 | );
77 | })}
78 |
79 |
80 | );
81 | };
82 | export default Slider;
83 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/courseFeature.css:
--------------------------------------------------------------------------------
1 | .Course_Feature {
2 | display: flex;
3 | flex-direction: column;
4 | align-items: center;
5 | padding: 20px;
6 | opacity: 1;
7 | box-sizing: border-box;
8 | margin: 20px auto;
9 | max-width: 1227px;
10 | color: #151414;
11 | }
12 |
13 | .Course_Feature h2 {
14 | font-size: 22px;
15 | letter-spacing: 0px;
16 | opacity: 1;
17 | text-align: center;
18 | font-weight: 300;
19 | margin-bottom: 2rem;
20 | }
21 |
22 | .program1 {
23 | width: 100%;
24 | display: flex;
25 | align-items: center;
26 | justify-content: center;
27 | width: 100%;
28 | padding: 0rem 1rem;
29 |
30 | }
31 |
32 | .Align_Right ol li,
33 | .Align_Right h2 {
34 | text-align: end;
35 | margin-bottom: 0;
36 | }
37 |
38 | .Align_Left ol li,
39 | .Align_Left h2 {
40 | text-align: start;
41 | margin-bottom: 0;
42 | }
43 |
44 |
45 |
46 | .list-of-program .inner-program img {
47 | width: 50px;
48 | height: 50px;
49 | padding: 10px;
50 | }
51 |
52 | .inner-program {
53 | display: flex;
54 | justify-content: space-between;
55 | align-items: center;
56 | gap: 30px;
57 | }
58 |
59 | .Inner_Program_icon {
60 | height: 60px;
61 | width: 60px;
62 | border-radius: 50%;
63 | background: #fff 0% 0% no-repeat padding-box;
64 | box-shadow: 0px 0px 15px rgba(138, 138, 138, .1607843137);
65 | display: flex;
66 | justify-content: center;
67 | align-items: center;
68 | margin-top: 10px;
69 | margin-bottom: 10px;
70 | }
71 | .Inner_Program_icon img{
72 | width: 100%;
73 | display: flex;
74 | justify-content: center;
75 | align-items: center;
76 | }
77 |
78 | .inner-inner-program h2 {
79 | font-size: 14px;
80 | font-weight: 700;
81 | }
82 |
83 | .inner-inner-program p {
84 | font-size: 12px;
85 | }
86 |
87 | .list-img {
88 | width: 300px;
89 | }
90 |
91 | .list-img img {
92 | width: 100%;
93 | }
94 |
95 |
96 |
97 | @media screen and (max-width: 800px) {
98 | .list-img {
99 | display: none;
100 | }
101 |
102 | .program1 {
103 | flex-wrap: wrap;
104 | justify-content: flex-start;
105 | }
106 |
107 | .inner-program1 {
108 | display: flex;
109 | flex-direction: row-reverse;
110 | }
111 | .inner-program {
112 | justify-content: flex-start;
113 | align-items: center;
114 | gap: none;
115 | }
116 | .Align_Right, .Align_Right h2 , .Align_Right p{
117 | text-align: start;
118 | }
119 | .list-of-program ol li{
120 | display: flex;
121 | flex-direction: column;
122 | justify-content: flex-start;
123 | align-items: flex-start;
124 | }
125 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/courseHightlight.css:
--------------------------------------------------------------------------------
1 | .CoursePageHighlights__main_container {
2 | max-width: 1280px;
3 | display: flex;
4 | justify-content: center;
5 | align-items: center;
6 | margin: auto;
7 | }
8 | .CoursePageHighlights__main_sub-container {
9 | display: flex;
10 | flex-wrap: wrap;
11 | margin: auto;
12 | margin-bottom: 3rem;
13 | justify-content: space-around;
14 | box-sizing: border-box;
15 | color: #2e2e2e;
16 | width: 85%;
17 | padding: 0rem 32px;
18 | }
19 |
20 | .CoursePageHighlights__list_container-0,
21 | .CoursePageHighlights__list_container-1,
22 | .CoursePageHighlights__list_container-2,
23 | .CoursePageHighlights__list_container-3{
24 | width: 48%;
25 | min-height: 70px;
26 | background-size: contain;
27 | margin: .75rem 0rem;
28 | border-radius: 5px;
29 | display: flex;
30 | justify-content: flex-start;
31 | align-items: center;
32 | padding: .25rem .5rem;
33 | margin-left: 0rem;
34 | box-sizing: border-box;
35 | background: #fff 0% 0% no-repeat padding-box;
36 | box-shadow: 0px 3px 6px rgba(70,70,70,.1607843137);
37 |
38 | }
39 | .CoursePageHighlights__list_container-0 {
40 | border-bottom: 4px solid #df3897;
41 | border-right: 4px solid #df3897;
42 | margin-right: .75rem;
43 | }
44 | .CoursePageHighlights__img-container {
45 | height: 100%;
46 | display: flex;
47 | justify-content: center;
48 | align-items: center;
49 | }
50 | .CoursePageHighlights__img {
51 | height: 60%;
52 | max-height: 4rem;
53 | }
54 | .CoursePageHighlights__list_text {
55 | margin-left: 1rem;
56 | font: normal normal 700 1rem/1.5rem Inter;
57 | letter-spacing: 0px;
58 | width: 80%;
59 | }
60 |
61 |
62 | .CoursePageHighlights__list_container-1 {
63 | border-bottom: 4px solid #0398d3;
64 | border-right: 4px solid #0398d3;
65 | margin-left: .75rem;
66 | }
67 |
68 |
69 |
70 | .CoursePageHighlights__list_container-2 {
71 | border-bottom: 4px solid #7914a3;
72 | border-right: 4px solid #7914a3;
73 | margin-right: .75rem;
74 | }
75 |
76 | .CoursePageHighlights__list_container-3 {
77 | border-bottom: 4px solid #eb9a00;
78 | border-right: 4px solid #eb9a00;
79 | margin-left: .75rem;
80 | }
81 |
82 | @media screen and (max-width: 768px) {
83 | .CoursePageHighlights__main_sub-container {
84 | padding: 0rem 1rem;
85 | width: 100%;
86 | }
87 | .CoursePageHighlights__list_container-0, .CoursePageHighlights__list_container-1, .CoursePageHighlights__list_container-2, .CoursePageHighlights__list_container-3 {
88 | width: 47%;
89 | min-height: 120px;
90 | padding: 0rem 1rem;
91 | }
92 | }
93 | @media screen and (max-width: 450px) {
94 | .CoursePageHighlights__list_container-0, .CoursePageHighlights__list_container-1, .CoursePageHighlights__list_container-2, .CoursePageHighlights__list_container-3 {
95 | width: 90%;
96 | min-height: 5.5rem;
97 | margin: .5rem 0rem;
98 | }
99 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/coursePageMentors.css:
--------------------------------------------------------------------------------
1 | .leading-mentors {
2 | max-width: 1147px;
3 | display: flex;
4 | flex-direction: column;
5 | align-items: center;
6 | margin: auto;
7 | margin: 3rem auto;
8 | margin-bottom: 1rem;
9 |
10 | }
11 |
12 | .leading-mentors h2 {
13 | color: #151414;
14 | font: normal normal 500 1.75rem/2rem Inter;
15 | margin-bottom: 1rem;
16 | text-align: center;
17 | width: 100%;
18 |
19 | }
20 |
21 | .leading-mentors h3 {
22 | font: normal normal 400 1.4rem/2rem Inter;
23 | color: #151414;
24 | text-align: center;
25 | margin-top: 30px;
26 | margin-bottom: 90px;
27 | }
28 |
29 | .founder {
30 | display: flex;
31 | gap: 20px;
32 | background: #fff 0% 0% no-repeat padding-box;
33 | box-shadow: 0px 1px 6px rgba(162, 161, 161, .1607843137);
34 | border-radius: 5px;
35 | height: 120px;
36 | max-width: 300px;
37 | padding: .75rem 1rem;
38 | align-items: center;
39 | justify-content: space-between;
40 | /* padding: 77px 19px; */
41 |
42 | }
43 |
44 | .inner-leading-mentors {
45 | width: 100%;
46 | display: flex;
47 | gap: 40px;
48 | flex-wrap: wrap;
49 | justify-content: center;
50 | align-items: center;
51 | }
52 |
53 | .inner-founder{
54 | display: flex;
55 | flex-direction: column;
56 | justify-content: space-between;
57 | align-items: flex-start;
58 | }
59 |
60 | .inner-founder h4{
61 | color: #000;
62 | font: normal normal 600 1.1rem/1.25rem Inter;
63 | }
64 | .inner-founder p{
65 | font: normal normal 400 .8rem/1.5rem Inter;
66 |
67 | }
68 |
69 | .leading-mentors .founder .imgofmentor {
70 | width: 25%;
71 | }
72 |
73 | .leading-mentors .founder .inner-founder img {
74 | height: 2.1rem;
75 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/coursePageStats.css:
--------------------------------------------------------------------------------
1 | .CoursePageStats, .CoursePageStatsElevation {
2 | height: 100%;
3 | width: 100%;
4 | box-sizing: border-box;
5 | display: flex;
6 | align-items: center;
7 | justify-content: center;
8 | justify-content: center;
9 | border-top: 1px solid #c2c2c2;
10 | border-bottom: 1px solid #c2c2c2;
11 | margin: 2rem auto;
12 | max-width: 1147px;
13 | margin-bottom: 3rem;
14 | }
15 | .CoursePageStats__stat-container {
16 | width: 33%;
17 | display: flex;
18 | flex-direction: column;
19 | justify-content: space-around;
20 | padding: 3rem 0rem;
21 | height: 100%;
22 | }
23 | .CoursePageStats__stat-container h1 {
24 | text-align: center;
25 | color: #00a6eb;
26 | font: normal normal 700 2.75rem/4rem Inter;
27 | }
28 | .CoursePageStats__stat-container p {
29 | text-align: center;
30 | font: normal normal 500 1.1rem/2rem Inter;
31 | color: #322e2e;
32 | }
33 | @media screen and (max-width: 768px) {
34 | .CoursePageStats, .CoursePageStatsElevation {
35 | flex-direction: column;
36 | }
37 | .CoursePageStats__stat-container {
38 | width: 100%;
39 | padding: 1rem 0rem;
40 | }
41 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/crackCoding.css:
--------------------------------------------------------------------------------
1 | .CompaniesNetwork__main {
2 | height: 100%;
3 | width: 100%;
4 | box-sizing: border-box;
5 | display: flex;
6 | flex-direction: column;
7 | align-items: center;
8 | justify-content: center;
9 | margin: 2rem auto;
10 | max-width: 1147px;
11 | }
12 | .CompaniesNetwork__main h2 {
13 | font-size: 22px;
14 | letter-spacing: 0px;
15 | opacity: 1;
16 | text-align: center;
17 | font-weight: 300;
18 | margin-bottom: 2rem;
19 | }
20 | .CompaniesNetwork__main h2 span {
21 | font: normal normal 500 1.75rem/2rem Inter;
22 | }
23 | .CompaniesNetwork__companies-img {
24 | width: 100%;
25 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/curriculum.css:
--------------------------------------------------------------------------------
1 | .Curriculum_Contanier {
2 | display: flex;
3 | flex-direction: column;
4 | align-items: center;
5 | justify-content: space-around;
6 | margin: 1rem 0rem;
7 | box-sizing: border-box;
8 | padding: 1rem 0rem;
9 | font-weight: 300;
10 | max-width: 1147px;
11 | margin: auto;
12 | }
13 |
14 | .Curriculum_Contanier h1 {
15 | width: 100%;
16 | text-align: center;
17 | font-weight: 500;
18 | color: #151414;
19 | font-size: 1.75rem;
20 | margin-bottom: 3rem;
21 | }
22 |
23 | .Curriculum {
24 | width: 100%;
25 | display: flex;
26 | justify-content: space-between;
27 | flex-wrap: wrap;
28 | color: #363636;
29 | }
30 |
31 | .inner-Curriculum {
32 | width: 50%;
33 | display: flex;
34 | flex-direction: column;
35 | align-items: center;
36 | justify-content: flex-start;
37 | align-items: center;
38 | padding-right: 1rem;
39 | font-weight: 600;
40 | position: relative;
41 | }
42 |
43 | .inner-Curriculum .choice {
44 | height: 60px;
45 | margin-bottom: 1rem;
46 | width: 95%;
47 | padding: .5rem 1rem;
48 | color: #00a6ec;
49 | background: #fff 0% 0% no-repeat padding-box;
50 | box-shadow: 0px 3px 8px rgba(133, 133, 133, .1607843137);
51 | border-radius: 10px;
52 | cursor: pointer;
53 | display: flex;
54 | justify-content: flex-start;
55 | align-items: center;
56 | }
57 |
58 | .inner-Curriculum .choice img {
59 | width: 30px;
60 | height: 40px;
61 | margin-right: 20px;
62 | }
63 |
64 | .choice p {
65 | border-left: 1.2px solid #00a6ec;
66 | padding-left: 1rem;
67 | display: flex;
68 | justify-content: center;
69 | align-items: center;
70 | height: 100%;
71 | margin: auto 0;
72 | font-size: 14px;
73 | }
74 |
75 | .inner-Curriculum .curculam-img {
76 | height: 10rem;
77 | aspect-ratio: 1/.6;
78 | position: absolute;
79 | bottom: 0;
80 |
81 | }
82 |
83 | .inner-Curriculum .curculam-img img {
84 | width: 100%;
85 | }
86 |
87 | .inner-Curriculum2 {
88 | border-right: 5px solid #00a6eb;
89 | width: 50%;
90 | box-sizing: border-box;
91 | padding: 0rem 3rem;
92 | height: 100%;
93 | box-shadow: 0px 2px 8px rgba(156, 154, 154, .1607843137);
94 | border-radius: 10px;
95 | overflow: scroll;
96 | }
97 |
98 | .inner-Curriculum2 ul li::marker {
99 | content: '●';
100 | color: #00a6eb;
101 | font-size: 1.1em;
102 | margin-right: 19px;
103 | }
104 |
105 |
106 | .inner-Curriculum2 ul {
107 | display: flex;
108 | flex-direction: column;
109 | }
110 |
111 | .inner-Curriculum2 ul li {
112 | position: relative;
113 | padding-left: 2rem;
114 | margin: 1rem 0rem;
115 | font-size: 12px;
116 | color: #151414;
117 | }
118 |
119 | @media screen and (max-width: 768px) {
120 | .Curriculum {
121 | flex-direction: column;
122 | }
123 | .inner-Curriculum{
124 | width: 95%;
125 | margin: auto;
126 | }
127 | .inner-Curriculum .curculam-img img {
128 | display: none;
129 | }
130 | .inner-Curriculum2{
131 | width: 90%;
132 | margin: auto;
133 | }
134 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/endOfCourse.css:
--------------------------------------------------------------------------------
1 | .CoursePageLearnings__main {
2 | background: #fff 0% 0% no-repeat padding-box;
3 | box-shadow: 0px 0px 8px rgba(168,164,164,.1607843137);
4 | display: flex;
5 | flex-direction: column;
6 | justify-content: space-around;
7 | align-items: center;
8 | padding: 3rem 1rem;
9 | box-sizing: border-box;
10 | min-height: 22rem;
11 | max-width: 1147px;
12 | margin: 3rem auto;
13 | margin-bottom: 0rem;
14 | border-top: .5px solid #c2c2c2;
15 | border-bottom: .5px solid #c2c2c2;
16 | }
17 | .CoursePageLearnings__main h5 {
18 | color: #3f3c3c;
19 | font: normal normal 500 1.75rem/3rem Inter;
20 | margin-bottom: 3rem;
21 | display: block;
22 | }
23 | .CoursePageLearnings__main .CoursePageLearnings__content-container {
24 | display: flex;
25 | justify-content: center;
26 | align-items: center;
27 | width: 100%;
28 | padding: 1rem;
29 | box-sizing: border-box;
30 | font: normal normal 700 1rem/1.5rem Inter;
31 | }
32 | .CoursePageLearnings__main .CoursePageLearnings__content-container img {
33 | width: 16%;
34 | height: 100%;
35 | margin-right: 2rem;
36 | }
37 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container {
38 | display: flex;
39 | flex-wrap: wrap;
40 | width: 70%;
41 | color: #151414;
42 | }
43 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container h5 {
44 | display: none;
45 | }
46 | .CoursePageLearnings__main h5 {
47 | color: #3f3c3c;
48 | font: normal normal 500 1.75rem/3rem Inter;
49 | margin-bottom: 3rem;
50 | display: block;
51 | }
52 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container .CoursePageLearnings__details-list-item {
53 | height: 90px;
54 | width: 43%;
55 | margin: 1rem 1.25rem;
56 | display: flex;
57 | justify-content: space-around;
58 | align-items: center;
59 | padding: .5rem;
60 | border-radius: 5px;
61 | }
62 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container .CoursePageLearnings__details-list-item img {
63 | width: 20%;
64 | margin-right: 1rem;
65 | }
66 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container .CoursePageLearnings__details-list-item .CoursePageLearnings__detail {
67 | width: 70%;
68 | height: 100%;
69 | font-size: .85rem;
70 | display: flex;
71 | justify-content: center;
72 | align-items: center;
73 | }
74 |
75 | .CoursePageLearnings__details-list-item-0 {
76 | border-bottom: 4px solid #df3897;
77 | border-right: 4px solid #df3897;
78 | }
79 | .CoursePageLearnings__details-list-item-1 {
80 | border-bottom: 4px solid #0398d3;
81 | border-right: 4px solid #0398d3;
82 | }
83 | .CoursePageLearnings__details-list-item-2 {
84 | border-bottom: 4px solid #7914a3;
85 | border-right: 4px solid #7914a3;
86 | }
87 | .CoursePageLearnings__details-list-item-3 {
88 | border-bottom: 4px solid #eb9a00;
89 | border-right: 4px solid #eb9a00;
90 | }
91 |
92 |
93 | @media screen and (max-width: 885px) {
94 | .CoursePageLearnings__main h5 {
95 | text-align: center;
96 | display: none;
97 | }
98 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container .CoursePageLearnings__details-list-item {
99 | width: 100%;
100 | height: 100%;
101 | margin: .75rem 0rem;
102 | padding: 0rem .5em;
103 | justify-content: space-around;
104 | }
105 | .CoursePageLearnings__main .CoursePageLearnings__content-container .CoursePageLearnings__details-container h5 {
106 | display: block;
107 | margin-bottom: 2.5rem;
108 | width: 100%;
109 | font: normal normal 500 1.5rem/2rem Inter;
110 | }
111 | .CoursePageLearnings__main .CoursePageLearnings__content-container {
112 | flex-direction: column;
113 | margin-bottom: 0rem;
114 | padding: 1rem .5rem;
115 | }
116 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/masterheader.css:
--------------------------------------------------------------------------------
1 | .CoursesPageMastHeadHeader {
2 | max-width: 1280px;
3 | margin: auto;
4 | margin-bottom: 60px;
5 | }
6 | .CoursesPageMastHeadHeader__container {
7 | display: flex;
8 | flex-direction: row;
9 | justify-content: center;
10 | align-items: center;
11 | height: 100%;
12 | box-sizing: border-box;
13 | }
14 | .CoursesPageMastHeadHeader__left {
15 | width: 45%;
16 | padding: 20px 35px;
17 | height: 100%;
18 | display: flex;
19 | justify-content: center;
20 | align-items: center;
21 | }
22 | .CoursePageMasthead__heading_main {
23 | width: 100%;
24 | font-size: 1.8rem;
25 | font-weight: 600;
26 | line-height: 1.4;
27 | margin-bottom: .5rem;
28 | }
29 | .CoursePageMasthead__sub_heading {
30 | font-size: 1rem;
31 | font-weight: 400;
32 | color: #292626;
33 | display: inline;
34 | }
35 | .CoursePageMasthead__btn {
36 | width: 150px;
37 | height: 40px;
38 | margin-top: 7%;
39 | background-color: #00a6eb;
40 | border: none;
41 | background: #00a6eb 0 0 no-repeat padding-box;
42 | box-shadow: 0 0 6px rgba(0,0,0,.1607843137254902);
43 | border-radius: 3px;
44 | opacity: 1;
45 | color: #fff;
46 | font-size: 16px;
47 | cursor: pointer;
48 | display: block;
49 | }
50 | .CoursesPageMastHeadHeader__right {
51 | width: 40%;
52 | display: flex;
53 | position: relative;
54 | height: 100%;
55 | justify-content: center;
56 | align-items: center;
57 | overflow: hidden;
58 | }
59 | .CoursesPageMastHeadHeader__right-picture {
60 | max-height: 350px;
61 | }
62 |
63 | @media screen and (max-width: 768px) {
64 | .CoursesPageMastHeadHeader__container {
65 | flex-direction: column-reverse;
66 | }
67 | .CoursesPageMastHeadHeader__right {
68 | width: 100%;
69 | padding: 1rem 0;
70 | height: 60vh;
71 | }
72 | .CoursesPageMastHeadHeader__right-img {
73 | position: relative;
74 | width: 100%;
75 | margin: auto;
76 | min-height: 100px;
77 | left: 0;
78 | right: 0;
79 | bottom: 0;
80 | }
81 | .CoursesPageMastHeadHeader__left {
82 | width: 85%;
83 | margin-left: auto;
84 | margin-right: auto;
85 | margin-bottom: 0;
86 | }
87 | .CoursesPageMastHeadHeader__left-heading {
88 | margin-top: 10px;
89 | margin-bottom: 15px;
90 | display: flex;
91 | flex-direction: column;
92 | justify-content: center;
93 | align-items: center;
94 | font-size: 20px;
95 | }
96 | .CoursePageMasthead__heading_main {
97 | font-size: 1.5rem;
98 | text-align: center;
99 | }
100 | .CoursePageMasthead__sub_heading {
101 | font-size: 1rem;
102 | text-align: center;
103 | }
104 | }
105 |
106 | @media screen and (max-width: 500px) {
107 | .CoursesPageMastHeadHeader__right {
108 | /* height: 45vh; */
109 | }
110 | .CoursesPageMastHeadHeader__right-picture {
111 | width: 90vw;
112 | height: 300px;
113 | }
114 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Master Competative/slider.css:
--------------------------------------------------------------------------------
1 | .parent {
2 | width: 80%;
3 | display: block;
4 | margin: auto;
5 | max-width: 1147px;
6 | margin-top: 3rem;
7 | padding-bottom: 3rem;
8 | }
9 | .parent h1{
10 | width: 100%;
11 | text-align: center;
12 | color: #151414;
13 | font: normal normal 500 1.75rem/2rem Inter;
14 | margin-bottom: 1.5rem;
15 |
16 | }
17 | .slider {
18 | margin: 0 20px;
19 | height: 400px;
20 | overflow: "hidden";
21 | border-radius: 10px;
22 | padding: 2rem 0;
23 | }
24 |
25 | .slider img {
26 | width: 100px;
27 | height: 100px;
28 | display: block;
29 | margin: auto;
30 | border-radius: 10px;
31 | }
32 |
33 | .slider .design {
34 | width: 100%;
35 | }
36 |
37 | .slider p {
38 | text-align: justify;
39 | }
40 |
41 | .slider .namedesign {
42 | display: flex;
43 | /* margin: inherit; */
44 | }
45 |
46 | .slider .namedesign img {
47 | width: 50px;
48 | height: 50px;
49 | }
50 |
51 | .slider .namedesign h3 {
52 | padding-right: 90px;
53 | font-size: 19px;
54 | font-weight: 600;
55 | }
56 | .react-multi-carousel-list {
57 | padding: 0rem 0 7rem 0;
58 | }
59 |
60 | .custom-dot-list-style button {
61 | border: none;
62 | background: none;
63 | }
64 |
65 | .react-multi-carousel-dot.react-multi-carousel-dot--active button {
66 | background: none !important;
67 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Mock/TestCard2.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-unused-vars */
2 | import React, { useEffect, useState } from 'react'
3 | import "./testCard.css"
4 | import { addtocart } from '../../Redux/Slice/CreateSlice';
5 | import axios from 'axios';
6 | import { useDispatch, useSelector } from 'react-redux';
7 | import { loadStripe } from '@stripe/stripe-js';
8 | import { Link } from 'react-router-dom';
9 |
10 |
11 | const TestCard2 = (props) => {
12 | const {id, img, name, price,} = props
13 |
14 |
15 |
16 | const [verified , setVerified] = useState(false);
17 | const dispatch = useDispatch();
18 | const select = useSelector((state)=> state.cart.data)
19 |
20 | // console.log(select);
21 |
22 | // Token Verification for the user is valid or not
23 | useEffect(()=>{
24 | const token = localStorage.getItem('token');
25 | // console.log("This is Token ",token)
26 |
27 | axios.get('https://prepbytes-clone.onrender.com/dashboard',{
28 | headers: {
29 | Authorization : `Bearer ${token}`
30 | },
31 | })
32 | .then((response)=>{
33 | console.log(response.data);
34 | setVerified(true);
35 | })
36 | .catch((err)=>{
37 | console.log("error is authorization : "+ err)
38 | });
39 | },[])
40 |
41 |
42 | const makePayment = async (id, img, name, price,)=>{
43 | const stripe = await loadStripe(
44 | "pk_test_51NCPAYSItp4zxD80Sgt6IQMetdOUyh3Kvs17Thauj56i1IyWYBn2u8byDboYRfA3k9VTPW0qMaYcCif9QtFd3AZQ00rCEMQsVX"
45 | )
46 |
47 | const body = {
48 | products: [
49 | {
50 | id: id,
51 | name: name,
52 | price: price,
53 | quantity: 1,
54 | },
55 | ],
56 | };
57 | const headers = {
58 | "content-type": "application/json",
59 | };
60 |
61 | const response = await fetch(
62 | "https://prepbytes-clone.onrender.com/api/create-checkout-session",
63 | {
64 | method: "POST",
65 | headers: headers,
66 | body: JSON.stringify(body),
67 | }
68 | );
69 | const session = await response.json();
70 | const result = stripe.redirectToCheckout({
71 | sessionId: session.id,
72 | });
73 | if(result.error){
74 | console.log(result.error);
75 | }
76 | };
77 |
78 |
79 | const handleClick = (id, img, name, price,) =>{
80 | const userid = localStorage.getItem('userid');
81 |
82 | if(verified){
83 | const isItemInCart = select.some(cartItem=>cartItem.id === id);
84 |
85 | if(!isItemInCart){
86 | dispatch(
87 | addtocart({
88 | id : id,
89 | img : img,
90 | testname : name,
91 | price : price,
92 | quantity :1,
93 | })
94 | )
95 | }
96 | else{
97 | console.log("Item is already in cart")
98 | }
99 | }
100 |
101 | }
102 |
103 |
104 | return (
105 |
106 |
107 |
108 |
109 |
{name}
110 |
111 |
112 | {
113 | verified ?
114 | ( {makePayment(id, img, name, price,); handleClick(id, img, name, price,)}} >Test Now )
115 | :
116 | ( {window.scroll(0,0)}}>Test Now )
117 | }
118 |
119 |
120 | )
121 | }
122 |
123 | export default TestCard2
124 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Tutorial/VideoTutorial.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./videotutorial.css"
3 |
4 |
5 | const VideoTutorial = (props) => {
6 |
7 | const { url, heading, details} = props
8 |
9 | return (
10 |
11 |
12 |
20 |
21 |
22 |
{heading}
23 |
{details}
24 |
25 |
26 |
27 |
28 |
Videos
29 |
30 |
31 |
32 | )
33 | }
34 |
35 | export default VideoTutorial
36 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/Tutorial/videotutorial.css:
--------------------------------------------------------------------------------
1 | .VideoRepositoryMain__main-content--cards-card {
2 | width: 360px;
3 | min-height: 450px;
4 | margin: 20px;
5 | background: #fff 0 0 no-repeat padding-box;
6 | -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.11372549019607843);
7 | box-shadow: 0 3px 6px rgba(0,0,0,.11372549019607843);
8 | position: relative;
9 | border-radius: 10px;
10 | }
11 | .VideoRepositoryMain__main-content--cards-card-top--img {
12 | width: 100%;
13 | height: 55%;
14 | padding: 3%;
15 | border-radius: 15px;
16 | }
17 | .VideoRepositoryMain__main-content--cards-card-middle {
18 | padding: 15px 20px;
19 | }
20 | .VideoRepositoryMain__main-content--cards-card-middle--text {
21 | color: #424242;
22 | font-weight: 500;
23 | font-size: 18px;
24 | }
25 | .VideoRepositoryMain__main-content--cards-card-middle--desc {
26 | margin-top: 7px;
27 | font-size: 14px;
28 | color: #858585;
29 | letter-spacing: .5px;
30 | }
31 | .VideoRepositoryMain__main-content--cards-card-bottom {
32 | position: absolute;
33 | left: 0;
34 | bottom: 0;
35 | padding: 20px;
36 | display: -webkit-box;
37 | display: -ms-flexbox;
38 | display: flex;
39 | -webkit-box-align: center;
40 | -ms-flex-align: center;
41 | align-items: center;
42 | }
43 | .VideoRepositoryMain__main-content--cards-card-bottom--text {
44 | color: #858585;
45 | font-size: 12px;
46 | margin-left: 7px;
47 | margin-top: 13px;
48 | }
--------------------------------------------------------------------------------
/frontend/src/components/layouts/project/TopHeader.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import "./Topheader.css"
3 |
4 |
5 | const TopHeader = () => {
6 | return (
7 |
8 |
9 |
10 |
11 |
12 |
PrepBytes Project
13 |
ONE-STOP RESOURCE FOR EVERYTHING RELATED TO CODING
14 |
15 |
16 |
17 |
18 |
19 | )
20 | }
21 |
22 | export default TopHeader
23 |
--------------------------------------------------------------------------------
/frontend/src/components/layouts/project/Topheader.css:
--------------------------------------------------------------------------------
1 | .flex-block {
2 | display: flex;
3 | flex-direction: column;
4 | background: url(https://blog.prepbytes.com/wp-content/uploads/2019/11/Header_Final-1.jpg);
5 | background-repeat: no-repeat;
6 | background-size: cover;
7 | background-position: center;
8 | padding: 51px;
9 | box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
10 | }
11 | .site-header.data-bg .middlebar-items {
12 | padding-bottom: 60px;
13 | padding-top: 60px;
14 | }
15 | .site-branding {
16 | margin-right: 20px;
17 | width: 400px;
18 | }
19 | .site-branding .site-title {
20 | font-size: 34px;
21 | font-weight: 700;
22 | line-height: 1.2;
23 | margin: 0 auto 10px;
24 | }
25 | .site-description {
26 | margin: 0 auto;
27 | position: relative;
28 | font-size: 14px;
29 | color: #282828;
30 | }
31 |
32 | @media screen and (max-width: 480px) {
33 | .flex-block {
34 | padding: 23px 10%;
35 | }
36 | .site-branding {
37 | margin-right: 0px;
38 | width: inherit;
39 | }
40 | .site-branding .site-title {
41 | font-size: 24px;
42 | font-weight: 700;
43 | }
44 | }
--------------------------------------------------------------------------------
/frontend/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 | monospace;
13 | }
14 |
--------------------------------------------------------------------------------
/frontend/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom/client';
3 | import './index.css';
4 | import App from './App';
5 | import reportWebVitals from './reportWebVitals';
6 | import { BrowserRouter } from 'react-router-dom';
7 | import { Provider } from "react-redux";
8 | import store from './components/Redux/Store/Store';
9 |
10 | const root = ReactDOM.createRoot(document.getElementById('root'));
11 | root.render(
12 | //
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 | //
22 | );
23 |
24 | // If you want to start measuring performance in your app, pass a function
25 | // to log results (for example: reportWebVitals(console.log))
26 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
27 | reportWebVitals();
28 |
--------------------------------------------------------------------------------
/frontend/src/logo.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/frontend/src/reportWebVitals.js:
--------------------------------------------------------------------------------
1 | const reportWebVitals = onPerfEntry => {
2 | if (onPerfEntry && onPerfEntry instanceof Function) {
3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
4 | getCLS(onPerfEntry);
5 | getFID(onPerfEntry);
6 | getFCP(onPerfEntry);
7 | getLCP(onPerfEntry);
8 | getTTFB(onPerfEntry);
9 | });
10 | }
11 | };
12 |
13 | export default reportWebVitals;
14 |
--------------------------------------------------------------------------------
/frontend/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom';
6 |
--------------------------------------------------------------------------------