diff --git a/assets/css/SignUp_Bhupesh.css b/assets/css/SignUp_Bhupesh.css index 4a39499..e65324e 100644 --- a/assets/css/SignUp_Bhupesh.css +++ b/assets/css/SignUp_Bhupesh.css @@ -1,6 +1,6 @@ body{ - background-color: #fffefe; + background-color: #fbfaf8f4; color: #0f231c; } .h-01-bold{ @@ -45,11 +45,12 @@ background-color: #c9d9e8; } .nav{ width:100%; + height: 100px; position: fixed; display: flex; justify-content: space-between; align-items: center; - background-color:#b7e0d1; + background-color:#e7f2f5; z-index: 999; padding: 10px 120px; @@ -60,7 +61,7 @@ background-color: #c9d9e8; /* -----------------Hero Section------------------ */ .hero-section{ - background-color:#4faf8e; + background-color:#f1fdff; padding-top: 40px ; min-height: 750px; } @@ -68,6 +69,7 @@ background-color: #c9d9e8; .registration-section { display: flex; flex-direction: row; + justify-content: space-between; padding-top: 80px; } @@ -80,7 +82,7 @@ background-color: #c9d9e8; .registration-form { background-color: #dbefe8; - margin: 30px 0px 5px 0px; + margin: 40px 0px 5px 0px; padding: 40px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); @@ -89,15 +91,10 @@ background-color: #c9d9e8; /* --------Responsive---------- */ @media screen and (max-width: 767px) { .registration-section { - padding: 20px; + padding: 70px 20px; display: flex; justify-content: center; } - .registration-form{ - /* width: 100%; */ - /* border-radius: 0px; - box-shadow: 0 0 0px rgba(0, 0, 0, 0); */ - } .nav{ padding: 10px 20px; } @@ -106,27 +103,35 @@ background-color: #c9d9e8; /* ****************Hero-Section****************** */ .banner{ position: relative; + height: 100%; + margin-top: 20px; + } -a -.banner-text { - color: #333; - padding: 0px 0px; - text-align: center; - font-size: 24px; - margin-left: 20px; - -} -.banner-text h2{ - text-transform: uppercase; - display: block; - text-align: center; - margin-top: 24px; - color: #0f231c; -} -/* button{ - width: 100%; -} */ + +.welcome-banner { + border-radius: 10px; + margin-top: 30px; + display: flex; + justify-content: center; + align-items: center; + box-sizing: border-box; + width: 100%; /* or any other desired width */ + max-width: 100%; /* ensure it doesn't go beyond the container */ + /* height: 0; + padding-bottom: calc(100% * (1 / 2)); */ + position: relative; + overflow: hidden; + } + + .welcome-banner img { + /* position: absolute; */ + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; + } .subheading-00{ color:#efe8db; text-align: center; @@ -141,93 +146,197 @@ a /* ******Hassle-Free Section********** */ .hassle-free{ - margin-top: 20px; - margin-bottom: 20px; + padding-top: 60px; + padding-bottom: 60px; /* padding: 20px; */ } -.features-div{ - text-align: center; - display: block; -} -.feature-card{ - display: flex; - align-items: center; - justify-content: space-around; - text-align: left; - padding: 10px; -} -.features{ - margin-top:6px; - padding-top: 20px; - font-size: 14px; - color:#333; - -} -.feature-card-body{ - display: flex; - align-items: center; - /* padding: 10px 20px; */ -} -.feature-card-body .text{ - padding: 10px 20px 10px 20px; -} -.sidebar-div{ - /* padding: 20px; */ - flex-grow: 1; - border: 1px solid #ddd; - border-radius: 10px; -} - -.feature-card:hover{ - /* padding: 0px; */ - border-left: solid 3px #4faf8e; - border-radius: 4px; - /* border: width 10% ; */ - -} -.feature-card .icon i{ - font-size: 2em; - /* color: #ffcc00; Color of the icon */ +/* Styles for large screens */ + @media (min-width: 980px) { + .hassle-free .h-07-bold { + font-weight: bold; + /* color:#d7e0dc; */ + font-size: xx-large; + } + + .features-div{ + text-align: center; + display: block; + /* margin-top: 20px; */ + } + .feature-card{ + display: flex; + align-items: center; + justify-content: space-around; + text-align: left; + padding: 10px; + cursor: pointer; + } + .features{ + margin-top: 40px; + padding-top: 20px; + font-size: 14px; + color:#333; + + } + .feature-card-body{ display: flex; + align-items: center; + /* padding: 10px 20px; */ + } + .feature-card-body .text{ + padding: 10px 20px 10px 20px; + } + .sidebar-div{ + /* padding: 20px; */ + display: flex; + flex-wrap: wrap; justify-content: center; + flex-grow: 1; + border: 1px solid #ddd; + border-radius: 10px; + + } + + .feature-card:hover{ + border-left: solid 3px #4faf8e; + border-radius: 4px; + background-color: #95cfbb30 ; + } + + .feature-card:active{ + /* padding: 0px; */ + border-left: solid 3px #4faf8e; + border-radius: 4px; + background-color:#ddd; + /* border: width 10% ; */ + + } + .feature-card .icon i{ + font-size: 2em; + /* color: #ffcc00; Color of the icon */ + display: flex; + justify-content: center; + align-items: center; + } + .feature-card .icon:hover{ + background-color:#ddd; + } + .mainbar-div{ + /* padding: 20px; */ + position: relative; + /* border: 1px solid #ddd; */ + /* border-radius: 50px; */ + /* width: 100%; + height: 100%; */ + /* background-color: #dbefe8; */ + display: flex; align-items: center; -} -.feature-card .icon:hover{ - background-color:#ddd; -} -.mainbar-div{ - padding: 20px; - border: 1px solid #ddd; - border-radius: 50px; - width: 100%; - height: 100%; - background-color: #dbefe8; - display: flex; - align-items: center; - justify-content: center; - min-height: 200px; + justify-content: center; + /* min-height: 200px; */ + } + .mainbar-div img{ + overflow: hidden; + border: 1px solid #ddd; + border-radius: 50px; + + } + .features { + display: flex; + justify-content: space-between; + } + + .sidebar-div { + flex-grow: 1; + margin-right: 20px; + } + + .main-feature { + flex-basis: 30%; + background-color: #f0f0f0; + } + + .main-feature-animated { + flex-basis: 20%; + display: flex; + justify-content: space-between; + background-color: #f0f0f0; + } + + .img-1, + .img-2, + .img-3 { + flex-basis: 30%; + height: 100px; + background-color: #ccc; + } + + .feature-heading-main h2 { + font-size: 2rem; + } + + .features-small-screen { + display: none; + } + } +@media (max-width: 980px) { -/* .feature-card-body .text :hover{ -color: #83a6c7; -} */ + .hassle-free{ + padding-bottom: 30px; + display: block; + background-color:#b7e0d1; + } + .hassle-free .h-07-bold { + font-weight: bold; + color:#d7e0dc; + font-size: x-large; + } -/* hire form */ -/* .candidates{ - display: flex; - gap: 10px; - border: solid #30303088; - border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - padding: 20px; - justify-content: space-around; - align-items: center; - margin-bottom: 80px; + .features{ + margin-top: 40px; + } -} */ + .features-description{ + margin-top: 10px; + display:flex; + align-items: center; + justify-content:flex-start; + gap: 1rem; + + } + .features-small-screen .feature-card{ + margin-bottom: 20px; + } + .feature-card-body{ + display: flex; + justify-content: center; + + + } + .features-small-screen .feature-img-div { + margin-bottom: 10px; + } + .feature-img-div img{ + width: 100%; + padding: 10px 0; + border-radius: 10px; + position: relative; + overflow: overlay; + box-sizing: border-box; + object-fit: contain; + } + .features-large-screen { + display: none; + } + + .feature-heading-main h2 { + font-size: 1.5rem; + } + +} /* ************whyhire*********** */ @@ -235,7 +344,7 @@ color: #83a6c7; background-color: #dbefe8; /* margin-top: 10px; margin-bottom:10px; */ - padding: 20px 10px; + padding: 40px 10px; text-align: left; font-family: 'Inter var', sans-serif; } @@ -253,10 +362,10 @@ color: #83a6c7; justify-content: space-around; align-items: center; border: 1px solid #DDD; - border-radius: 18px; - margin-bottom: 20px; - margin-top: 20px; - padding: 30px 2px; + border-radius: 8px; + margin-bottom: 30px; + margin-top: 46px; + padding: 40px 2px; } .candidates h4{ font-weight: bold; @@ -290,21 +399,26 @@ color: #83a6c7; .sponsors { background-color: #f8f8f8d7; - height: 200px; + height: 275px; display: block; text-align: center; - padding-top: 20px; + padding-top: 40px; + padding-bottom: 40px; +} +.sponsors h2{ + margin-bottom: 20px; + } .wrapper { - background-color:#f8f8f8d7; - height: 130px; - overflow: hidden; - position: relative; - width: 100%; - display: flex; - align-items: center; - padding: 0 20px; + background-color: #f8f8f8d7; + height: 125px; + overflow: hidden; + position: relative; + width: 100%; + display: flex; + align-items: flex-end; + padding: 0; } .wrapper:before, .wrapper:after { @@ -353,8 +467,9 @@ color: #83a6c7; /* ************faq **********************/ .faq{ margin: 0; - padding: 20px 20px 40px 20px; - background-color: #dbefe8; + padding: 40px 20px 40px 20px; + background-color: #dbefe8; + } .faq .faqheader{ color: #0f231c; @@ -363,6 +478,8 @@ color: #83a6c7; line-height: 1.4; letter-spacing: -0.03em; } -/* .questions{ - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -} */ \ No newline at end of file +.questions{ + padding-top: 25px; + padding-bottom: 25px; + +} \ No newline at end of file diff --git a/assets/css/internships-bhupesh.css b/assets/css/internships-bhupesh.css new file mode 100644 index 0000000..e795fae --- /dev/null +++ b/assets/css/internships-bhupesh.css @@ -0,0 +1,367 @@ +.nav-content{ + position: relative; + min-height: 70px; + width:100%; + background:#c0f7de; + display: flex; + justify-content: space-around; + align-items: center; + box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5); + +} + + +.center{ + background-color: #fafafa; + display: flex; + flex-direction:column; + justify-content: center; + align-items: center; +} +.search-section{ + margin-top: 20px; + padding: 10px 20px; + background-color: #4faf8e; + display: flex; + flex-direction: column; + justify-content: center; + align-items: self-start; + width: 80%; + box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.5); +} + +.search-text{ + color: white; + font-size: 18px; + font-weight: bold; +} + +.search-container{ + display: flex; + justify-content: center; + align-items: center; + width: 100%; + gap: 2px; +} + +#searchInput{ + margin: auto; + display: block; + height: 40px; + font-size: 16px; + width: 100%; + border-style: none; + border-radius: 3px; + outline: none; +} + +.search-container button{ + height: 50px; + width: 50px; + font-size: 16px; + background-color: #4faf8e; + border: solid 1px white; + color:white; + border-radius: 16px; +} + + +.internship-section{ + width: 80%; + margin-top:40px; + /* margin-left: 20px; + margin-right: 20px; */ + display: flex; + flex-direction: row; + align-items: flex-start; + justify-content: space-between; +} + +/* Filter Box Style */ +.filter-box{ + width: 30%; + max-width: 700px; + display: flex; + flex-direction: column; + gap: 2rem; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.5); */ + border-radius: 10px; + padding: 30px; + position: relative; +} +.close-btn { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + font-size: 24px; + color: #333; + } +.filter-topic .heading{ + border-bottom: #4faf8e solid 2px; + margin-bottom: 10px; +} +.filter-header{ + text-align: left; + color: #4faf8e; + border-bottom: #ddd solid 1px; + font-size: 18px; + +} +.searchLocation input,.searchCategory input{ + width: 100%; + height: 25px; + margin-bottom: 10px; + /* font-size: 16px; */ + outline: none; + border: 1px solid lightgrey; + border-radius: 5px; +} +.location-option, .category-option{ + list-style: none; + height: 150px; + overflow:auto; + padding-bottom: 10px; +} + +/* Internship Card Styles */ + +.internship-card-list{ + width: 70%; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + border-radius: 10px; + padding: 30px; + margin-left: 10px; + display: flex; + flex-direction: column; + gap: 3rem; +} +.intern-header{ + display: flex; + justify-content: space-between; + border-bottom: #4faf8e solid 4px; +} +.dates{ + display: flex; + justify-content: space-around; + align-items: center; + gap: 0.5rem; +} + +.intern-header .date, .applyby{ + color: #4faf8e; + font-weight: bold; +} +.intern-header span{ + color: #1e1e1ec8; + + +} +.intern-header .domain{ + text-transform: capitalize; + letter-spacing: 1px; + font-weight: 600; + color: #1e1e1ec8; +} +.intern-openings{ + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + +} +.internship-detail{ + list-style: none; + width: 100%; + gap: 1rem; + /* line-height: 30px; */ + float:inline-start; + font-size: 14px; + margin: 1px 0; + text-transform: capitalize; + color: #666; + text-align: left; + display: flex; + flex-direction: column; + +} +.internship-detail-list{ + width: 100%; + display: flex; + flex-direction:row; + + /* gap: 5rem; */ + +} +.internship-detail .about-left{ + width: 50%; + font-weight: 700; + color: #1e1e1ec8; + /* text-overflow: ellipsis; */ + +} + + +.internship-detail .about-right { + width: 100%; +} + + +.internship-title{ + color: #666; + font-size: 18px; + font-weight: 700; + margin: 7px 0; + text-transform: uppercase; +} + +.company-image{ + margin-right:10px; + padding-right: 20px; + /* background-color: grey; */ + max-height: 180px; + max-width: 180px; + +} +.company-image img{ + object-fit: contain; + overflow: hidden; +} + +.action-buttons{ + display: flex; + justify-content: flex-end; + gap:0.5rem; +} +.submitFilter button, .action-buttons button, .filter-btn button{ + border-style: none; + border-radius: 10px; + background-color: #4faf8e; + color: white; + padding: 0.75rem; + cursor: pointer; + + +} +button:hover{ +background: #1e1e1e; +box-shadow: inset 0 5px 0 rgba(0, 0, 0, .12); +outline: 0; +} +.action-buttons .more-button{ + text-decoration: underline; +} +.filter-btn { + width: 120px; +} +.filter-btn button{ + width: 100%; + font-size: 15px; +} +@media (min-width: 768px) { + + .filter-box{ + display: flex; + } + .filter-btn{ + display: none; + } + .filter-box .close-btn{ + display: none; + } +} +@media (max-width: 768px) { + .filter-btn{ + display: flex; + } + .close-btn { + display: block; + } + .close-btn span :hover :active{ + color: red; + } + .filter-box{ + display: none; + } + .internship-section{ + width: 95%; + display: flex; + flex-direction: column; + align-items: center; + } + .internship-card-list{ + width: 100%; + box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.5); + border-radius: 10px; + padding: 10px; + } + .company-image{ + max-height: 60px; + max-width: 60px; + /* overflow: auto; */ + object-fit: fill; + } + .company-image img{ + width: 70px; + height: 70px; + + } +} + +.nav-btn{ + cursor: pointer; +} +/* Login-Section */ +.login-section{ + background-color: #fafafa; + /* color: white; */ + width: 30%; + height: 500px; + position:absolute; + top: 50px; + z-index: 999; + border-radius: 20px; + border: solid 1px #4faf8e; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); + display: none; + +} + +.overlay { + display: none; + position: absolute; + filter: blur(2px) brightness(0.7); + top: 0; + left: 0; + width: 100%; + height: 100%; + background-color: rgba(0, 0, 0, 0.7); + z-index: 99; + } + + +.login-head{ + color: #4faf8e; +} +.form-container{ + padding: 20px; + width: 100%; + +} +.form-check-label{ + text-align: left; +} +@media (max-width: 768px) { + .login-section{ + width: 80%; + } +} +.login-section .nav-item :hover{ + background-color: #4faf8e !important; + + +} +/* p, li{ + font-size: 15px; +} */ \ No newline at end of file diff --git a/assets/css/student_registration_bhupesh.css b/assets/css/student_registration_bhupesh.css new file mode 100644 index 0000000..1ce135a --- /dev/null +++ b/assets/css/student_registration_bhupesh.css @@ -0,0 +1,133 @@ + +body{ + background-color: #fafafa; +} +.form-section{ + + position: relative; + padding-top: 80px; + display: flex; + justify-content: center; + align-items: center; +} +.mainbody{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.header{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-family: Inter, sans-serif; +} +.header h2{ + font-size: 40px; + line-height: 1.2; + font-weight: 800; +} +.header h2 span{ + color: #4faf8e; + text-decoration: wavy; + /* text-decoration: underline; */ + text-underline-position: under; +} + +.google_signup{ + border-radius: 20px; + border: solid 1px #ddd; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} +.signup_container{ + background-color: #fff; + margin: 20px 0px; + padding: 40px ; + border: solid 1px #ddd; + display: flex; + justify-content: center; + flex-direction: column; + gap: 10px; + box-shadow: -2px -2px 6px rgba(0,107,194,.12), 2px 2px 6px rgba(0,107,194,.12); + border-radius: 12px; +} + +.or{ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.or p{ + background-color: #fff; + z-index: 9; +} +.or .border{ + margin-top: -27px; + color: #4faf8e; + width: 100%; +} + +button{ + border: none; + font-size: 16px; + cursor: pointer; + padding: 10px; + border-radius: 5px; +} + +.signup_button{ + background-color: #4faf8e; + color: white; + +} +.email_signup { + display:flex; + flex-direction: column; + gap: 35px; +} +.email_signup p{ + text-align: left; + line-height: 1px; +} +.email_signup input{ + width: 100%; + height: 40px; + border-radius: 5px; + border: solid 1px #ddd; + outline: #4faf8e; + +} + +.name{ + width: 100%; + display: flex; + flex-direction: row; + gap: 2rem; + justify-content: left; +} + +.firstname{ + width: 100%; +} + +.lastname{ + width: 100%; +} + + +@media (max-width: 980px) { + .mainbody .header{ + display: block; + text-align: left; + } + + .signup_container{ + margin: 0px; + border: none; + padding: 0; + + } +} \ No newline at end of file diff --git a/assets/img/Sponsors-logos/FIRST.gif b/assets/img/Sponsors-logos/FIRST.gif new file mode 100644 index 0000000..5a3ef4d Binary files /dev/null and b/assets/img/Sponsors-logos/FIRST.gif differ diff --git a/assets/img/Sponsors-logos/PREDULIVE_WELCOMEBANNER.gif b/assets/img/Sponsors-logos/PREDULIVE_WELCOMEBANNER.gif new file mode 100644 index 0000000..c6b47b5 Binary files /dev/null and b/assets/img/Sponsors-logos/PREDULIVE_WELCOMEBANNER.gif differ diff --git a/assets/img/Sponsors-logos/SECOND.gif b/assets/img/Sponsors-logos/SECOND.gif new file mode 100644 index 0000000..d9595b9 Binary files /dev/null and b/assets/img/Sponsors-logos/SECOND.gif differ diff --git a/assets/img/Sponsors-logos/THIRD.gif b/assets/img/Sponsors-logos/THIRD.gif new file mode 100644 index 0000000..ee00587 Binary files /dev/null and b/assets/img/Sponsors-logos/THIRD.gif differ diff --git a/assets/img/internships_page/INTERNSHIPS_PAGE.png b/assets/img/internships_page/INTERNSHIPS_PAGE.png new file mode 100644 index 0000000..085b364 Binary files /dev/null and b/assets/img/internships_page/INTERNSHIPS_PAGE.png differ diff --git a/assets/img/internships_page/amazon.png b/assets/img/internships_page/amazon.png new file mode 100644 index 0000000..3d4c44d Binary files /dev/null and b/assets/img/internships_page/amazon.png differ diff --git a/assets/img/internships_page/meta.png b/assets/img/internships_page/meta.png new file mode 100644 index 0000000..ebc0037 Binary files /dev/null and b/assets/img/internships_page/meta.png differ diff --git a/assets/img/internships_page/predulive.jpg b/assets/img/internships_page/predulive.jpg new file mode 100644 index 0000000..d893221 Binary files /dev/null and b/assets/img/internships_page/predulive.jpg differ diff --git a/assets/js/SignUp_Bhupesh_T9.js b/assets/js/SignUp_Bhupesh_T9.js index b232b9e..6f91b9d 100644 --- a/assets/js/SignUp_Bhupesh_T9.js +++ b/assets/js/SignUp_Bhupesh_T9.js @@ -6,3 +6,13 @@ initMDB({ Tab }); import { Collapse, initMDB } from "mdb-ui-kit"; initMDB({ Collapse }); +// // HASSLE FREE SECTION +// function displayImage(imageName) { +// const imagePath = `logos/${imageName}`; +// document.getElementById("displayedImage").src = imagePath; +// } + +// // Set the first image as default +// window.onload = function () { +// displayImage("FIRST.gif"); +// }; diff --git a/assets/js/internships-bhupesh.js b/assets/js/internships-bhupesh.js new file mode 100644 index 0000000..0a9f6eb --- /dev/null +++ b/assets/js/internships-bhupesh.js @@ -0,0 +1,54 @@ +// Get the button and popup container +const filterBtn = document.getElementById("openFilter"); +const popupContainer = document.getElementById("filterContainer"); +const closeBtn = document.getElementById("closeBtn"); + +function handleWindowSizeChange() { + // Check the window width + if (window.innerWidth <= 768) { + // Open the popup + filterBtn.style.display = "block"; + filterBtn.addEventListener("click", function () { + popupContainer.style.display = "flex"; + popupContainer.style.width = "80%"; + }); + + // Close the popup + closeBtn.addEventListener("click", function () { + popupContainer.style.display = "none"; + }); + + // Close the popup when clicking outside the content + window.addEventListener("click", function (event) { + if (event.target === popupContainer) { + popupContainer.style.display = "none"; + } + }); + } +} +// Initial call +handleWindowSizeChange(); + +// Event listener for window resize +window.addEventListener("resize", handleWindowSizeChange); + +const loginContainer = document.getElementById("login-section"); +const navBtn = document.getElementById("nav-btn"); + +navBtn.addEventListener("click", function () { + loginContainer.style.display = "block"; + document.getElementById("overlay").style.display = "block"; +}); + +// Close the popup +closeBtn.addEventListener("click", function () { + loginContainer.style.display = "none"; + document.getElementById("overlay").style.display = "none"; +}); + +// Close the popup when clicking outside the content +window.addEventListener("click", function (event) { + if (event.target === loginContainer) { + loginContainer.style.display = "none"; + } +}); diff --git a/internlive_org/SignUp-Employer_Bhupesh_T9.html b/internlive_org/SignUp-Employer_Bhupesh_T9.html index f281c98..0f74603 100644 --- a/internlive_org/SignUp-Employer_Bhupesh_T9.html +++ b/internlive_org/SignUp-Employer_Bhupesh_T9.html @@ -13,7 +13,7 @@ - +
@@ -35,7 +35,7 @@