├── 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 | 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 |
97 |

Copyright©2023

98 |
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 |
58 |
59 | 60 | 61 | 62 | 63 | 64 |

{res}

65 |
66 |
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 | Loading... 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 |
19 |

₹ 70,000

20 |
21 |
22 |
23 |

*Money-back guarantee on placements

24 | 25 |
26 |
EMI Starting at
27 |
28 |

₹ 5833

29 |
30 | 31 |
32 |
33 | 34 |
35 | 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 | 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 | 32 | { ques1 &&( 33 | 34 | 35 |

Duration of this program is 3-4 months

36 | ) 37 | } 38 | 39 | {ques2 && ( 40 | 41 | 42 |

Javascript would be the primary language.

43 | ) 44 | } 45 | 46 | 47 | 48 | 49 | { ques3 && ( 50 | 51 | 52 |

No, there are no pre-requisites.

53 | ) 54 | } 55 | 56 | 57 | 58 | 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 | 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 | 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 |
18 | 23 |
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 | 14 |
15 | 16 |
17 | 18 |

Motivational Story : He got his first placement success after being rejected by 22 companies

19 | 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 | 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 | 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 | 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 | 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 | 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 | 22 |
23 |

How to crack coding interviews?

24 | 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 | 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 | 26 |
27 | 28 |
29 | 36 |
37 | 38 |
39 |
40 | 41 | 42 |
43 |
₹ 25000
44 |
45 |
46 | 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 | ( ) 115 | : 116 | ( {window.scroll(0,0)}}>) 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 | --------------------------------------------------------------------------------