diff --git a/background1.jpg b/background1.jpg new file mode 100644 index 0000000..6da10e2 Binary files /dev/null and b/background1.jpg differ diff --git a/courses.jpg b/courses.jpg new file mode 100644 index 0000000..c986387 Binary files /dev/null and b/courses.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a8d166b --- /dev/null +++ b/index.html @@ -0,0 +1,166 @@ + + + + + + JobQuest + + + + + + +
+ + +
+
+
+
+

JobQuest

+ +
+
+ +
+
+ + +
+
+
+
+
+
+

About Us

+
+ + +
+ +

JobQuest is a leading online platform dedicated to revolutionizing the job and internship search experience for individuals seeking meaningful employment opportunities.

+

Here are some key points that highlight the strengths and positive aspects of JobQuest:

+
    +
  • + + JobQuest offers an extensive and diverse range of job and internship listings, catering to various industries and profession.
    • +
  • + + Job seekers can quickly browse through listings, apply filters, and access relevant information to streamline their job search process.
    • +
  • JobQuest employs advanced search and matching algorithms to connect users with the most relevant job and internship opportunities.
    • +
  • Users can create personalized profiles on JobQuest, highlighting their skills, experiences, and career objectives
    • +
  • JobQuest provides real-time notifications to keep users informed about new job and internship postings that match their profiles. This proactive approach ensures that individuals stay up-to-date with the latest opportunities in their respective fields.
    • +
  • In addition to job listings, JobQuest offers valuable career resources, tips, and guidance to empower users in their professional journeys. From resume writing tips to interview preparation advice, the platform is committed to supporting individuals at every stage of their career development.
    • + +
+
+ +
+ +
+ +
+
+
+
+
+

Our Services

+
+
+ +
+
+ +
+

We at JobQuest provide numerous job opportunities depending on the need and development

+ +
+
+
+ +
+

We at JobQuest provide numerous internship opportunities to get the work experience + +

+
+
+ +
+

We at JobQuest provide numerous free and paid certified courses to upskill yourself

+ +
+
+ +
+
+
+
+
+

Contact Us

+
+
+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/index1.html b/index1.html new file mode 100644 index 0000000..c8a23c8 --- /dev/null +++ b/index1.html @@ -0,0 +1,139 @@ + + + + + + + JobQuest || Admin + + + + + + + +
+ + +
+
+
+ +
+
+ +
+
+
+

Type Of Work

+ +
+
+

Name of Organisation

+ +
+
+

Role Of Work

+ +
+
+

Starting Time

+ +
+ +
+

Location of Work

+ +
+
+

Nature of Job

+ +
+
+

Duration of Work

+ +
+
+

Stipened to be Provided

+ +
+
+

Work description

+ +
+
+ +
+ + +
+
+

+ Currently active Roles +

+
+
+ + +
+ +
+
+ + + + \ No newline at end of file diff --git a/intern.jpg b/intern.jpg new file mode 100644 index 0000000..cfbaf85 Binary files /dev/null and b/intern.jpg differ diff --git a/job.jpg b/job.jpg new file mode 100644 index 0000000..fa7ecc6 Binary files /dev/null and b/job.jpg differ diff --git a/script.js b/script.js new file mode 100644 index 0000000..4aec674 --- /dev/null +++ b/script.js @@ -0,0 +1,22 @@ +restricted=document.querySelectorAll(".restricted"); + +restricted.forEach( + (button) => + { + button.addEventListener("click",() => { + alert("This functionality is not active yet.Try Login as Admin") + }) + } +) +// ********* +hambmain=document.querySelector(".hambmain"); +right2=document.querySelector(".right2"); +crossmain=document.querySelector(".crossmain"); + + +hambmain.addEventListener("click",()=>{ + right2.style.display="flex"; +}) +crossmain.addEventListener("click",()=>{ + right2.style.display="none"; +}) \ No newline at end of file diff --git a/script1.js b/script1.js new file mode 100644 index 0000000..3032047 --- /dev/null +++ b/script1.js @@ -0,0 +1,172 @@ + +clickevent=document.querySelectorAll(".clickevent"); +clickevent.forEach( + (ev)=>{ + + ev.addEventListener("click",()=>{ + alert("Not Yet Functional! Try Others") + }) + } + + +) + +myWork = document.querySelector("#myWork"); +myCompany = document.querySelector("#myCompany"); +myRole = document.querySelector("#myRole"); +myTime = document.querySelector("#myTime"); +myNature = document.querySelector("#myNature"); +myExperience = document.querySelector("#myExperience"); +myMoney = document.querySelector("#myMoney"); +myWorking = document.querySelector("#myWorking"); +myLocation = document.querySelector("#myLocation"); + +// role=document.querySelector("#role"); +// company=document.querySelector("#company"); +// // location=document.querySelector("#location1"); +// // nature=document.querySelector("#nature1"); +// time=document.querySelector("#time"); +// duration=document.querySelector("#duration"); +// money=document.querySelector("#money"); +// type=document.querySelector("#type"); +// details=document.querySelector("#details"); + +click = document.querySelector(".updatebtn"); // button +upload = document.querySelector(".upload"); +click2 = document.querySelector(".addupdate"); +add = document.querySelector(".addup"); +fetchbox = document.querySelector(".fetch"); +flag = 0; +click2.addEventListener("click", () => { + if (flag == 0) { + upload.classList.remove("hide"); + flag = 1; + add.classList.remove("hide"); + + } + else { + alert("Already the update box is open") + } + +}) +add.addEventListener("click", () => { + upload.classList.add("hide"); + add.classList.add("hide"); + flag = 0; +}) + +click.addEventListener("click", () => { + + work1 = myWork.value; + company1 = myCompany.value; + role1 = myRole.value; + time1 = myTime.value; + locate1 = myLocation.value; + nature1 = myNature.value; + experience1 = myExperience.value; + money1 = myMoney.value; + working1 = myWorking.value; + + + if(work1!=="" && company1!=="" && role1!=="" && time1!=="" && locate1!=="" && nature1!=="" && experience1!=="" && money1!=="" && working1!=="") + { + // console.log(work); + // console.log(company); + // console.log(role); + // console.log(time); + // console.log(locate); + // console.log(nature); + // console.log(experience); + // console.log(money); + // console.log(working); + let newBox = document.createElement("div"); + newBox.setAttribute("class", "box11"); + newBox.innerHTML=`
+
+
Bangalore
+
Remote
+ +
+
+
START DATE
+
+
+
+
DURATION
+
+
+
+
STIPEND
+
+
+
+
TYPE
+
+
+ +
+
+` + fetchbox.prepend(newBox); + + + role=newBox.querySelector("#role"); + company=newBox.querySelector("#company"); + // location=newBox.querySelector("#location1"); + nature=newBox.querySelector("#nature1"); + time=newBox.querySelector("#time"); + duration=newBox.querySelector("#duration"); + money=newBox.querySelector("#money"); + type=newBox.querySelector("#type"); + details=newBox.querySelector("#details"); + +role.innerText=role1; +company.innerText=company1; +// location.innerText=locate1 +nature.innerText=nature1; +time.innerText=time1; +duration.innerText=experience1; +money.innerText=money1; +type.innerText=work1; +details.innerText=working1; + + +myWork.value=""; +myCompany.value=""; +myRole.value=""; +myTime.value=""; +myLocation.value=""; +myNature.value=""; +myExperience.value=""; +myMoney.value=""; +myWorking.value=""; + } + else{ + alert("Please Enter All the Data"); + } + +}) + + + +// ********** + + +hamb=document.querySelector(".hamb"); +right1=document.querySelector(".right1"); +cross=document.querySelector(".cross"); + + +hamb.addEventListener("click",()=>{ + right1.style.display="flex"; +}) +cross.addEventListener("click",()=>{ + right1.style.display="none"; +}) + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..71b92de --- /dev/null +++ b/style.css @@ -0,0 +1,447 @@ +@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@500&family=Barriecito&family=Exo+2:wght@500&family=Hedvig+Letters+Serif:opsz@12..24&family=Kanit&family=Nunito:ital,wght@0,600;1,600&family=Poppins&family=Prompt:wght@500&family=Roboto:ital,wght@1,100&family=Teko:wght@300&family=Ubuntu:wght@300;400&display=swap'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + +} +html{ + scroll-behavior: smooth; +} +@import url('https://fonts.googleapis.com/css2?family=Barriecito&family=Exo+2:wght@500&family=Heebo:wght@500&family=Nunito:ital,wght@0,200;0,600;1,600&family=Prompt:wght@500&family=Teko:wght@300;400&family=Varela+Round&display=swap'); +.left{ + font-family: 'Caveat', cursive; + font-weight: bold; + font-size: 2rem; +} +.red{ + color:red; +} +/* header{ + min-height: 11vh; + background-color: rgb(19, 17, 17); +} */ +.navbar{ + display: flex; + /* border: 1px solid red; */ + justify-content: space-around; + align-items: center; + min-height: 10vh; + /* box-shadow: -2px 5px 9px -5px rgba(251, 255, 255, 0.7); */ + background-color: white; + position: sticky; +} +.right ul{ + display: flex; + list-style: none; + +} +.right ul li{ + padding: 0px 2rem; +} +.right ul li a{ + text-decoration: none; + font-family:'Poppins'; + color: black; + font-weight: 600; + font-size: 1.2rem; + border: 1px solid white; + padding: 0.6rem; + border-radius: 1rem; +} +.right ul li a:hover{ + border: 1px solid black; +} + +/* ************* */ + +.container1{ + /* border: 1px solid red; */ + min-height: 100vh; + background:rgba(0,0,0,0.8)url(background1.jpg); + background-size: cover; + background-blend-mode: darken; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.container2{ + min-height: 90vh; + background-color: #F3F9E3; + display: flex; + flex-direction: column; + padding: 2.5rem; + +} +.container3{ + padding: 2.5rem; + min-height: 80vh; + background-color: #FDFFFC; + + +} +.container4{ + padding: 2.5rem; + min-height: 60vh; + background-color:#f9f7cd; + +} + +.fline{ + min-height: 20vh; + font-family: 'Caveat', cursive; + + width: 90%; + + /* border: 1px solid red; */ + display: flex; + color: azure; + + justify-content: center; + align-items: center; +} +.font{ + font-size: 4rem; + font-weight: bolder; + text-shadow: 0 0 0.3rem rgb(255, 0, 0); +} +.sline{ + min-height: 20vh; + width: 90%; + font-family:'Poppins'; + /* border: 1px solid red; */ + display: flex; + color: azure; + font-size: 3rem; + justify-content: center; + align-items: center; +} +.element{ + margin: 2rem 0; + /* border: 1px solid red; */ +} +.buttons{ + margin: 1rem 0; + width: 90%; + /* border: 1px solid red; */ + display: flex; + + justify-content: space-evenly; + align-items: center; + height:20vh; +} +.button{ + border: none; + padding:0.3rem; + border-radius: 3rem; + font-size: 1.2rem; + font-weight: bold; + width:30%; + height:3rem; + font-family:'Poppins'; + box-shadow: 0 0 8px whitesmoke, 0 0 18px whitesmoke; +} +.button:hover{ + cursor: pointer; + color:rgb(255, 0, 0); +} +.red{ + color:red; +} + +.heading{ + font-family: 'Caveat', cursive; + font-size: 2rem; + margin-bottom: 1rem; + +} +.bold{ + font-weight: bold; + font-size: 1.1rem; + margin-bottom: 1rem; +} +.text{ + font-family:'Poppins'; + font-size: 0.9rem; + /* border: 1px solid red; */ + +} +.read{ + margin-top: 2rem; + display: flex; + justify-content: center; +} +.newdesign{ + border: none; + padding:0.3rem; + border-radius: 3rem; + font-size: 1.2rem; + font-weight: bold; + width:30%; + height:3rem; + font-family:'Poppins'; + box-shadow: 0 0 8px rgb(241, 18, 18), 0 0 18px rgb(7, 4, 4); +} +.newdesign:hover{ + cursor: pointer; + color:rgb(255, 0, 0); +} +.services{ + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} +.box{ + font-family:'Poppins'; + font-weight: bold; + width: 30%; + height: 57vh; + padding: 1rem; + border-radius: 20px; + background-color: #E7F7E5; + border: 0.3rem solid red; + margin: 1.5rem; + color: black; + font-size: 1rem; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + text-align: center; + box-shadow: 0 0 8px rgb(241, 18, 18), 0 0 18px rgb(7, 4, 4); +} +.img1 img{ + height: 12rem; + width: 12rem; + border-radius: 30px; + box-shadow: 0 0 10px rgb(7, 4, 4); +} +.learn{ + margin: 0.3rem; + border: 1px solid black; + padding:0.3rem; + + border-radius: 3rem; + font-size: 1.2rem; + font-weight: bold; + width:80%; + height:3rem; + font-family:'Poppins'; +} +.learn:hover{ + cursor: pointer; + color:rgb(255, 0, 0); +} +#contactbox{ + /* border: 2px solid black; */ + display: flex; + justify-content: center; + align-items: center; + padding-bottom: 10px; +} + +#contactbox input{ + width: 100%; + padding: 5px; + text-align: center; + border-radius: 5px; + +} +#contactbox form{ + width: 60%; +} +#contactbox label{ + font-size: 18px; + font-family: 'Baloo Bhaina 2', cursive; +} +.center{ + display: flex; + align-items: center; + justify-content: center; + height: 20vh; + background-color: #333; + color: #E7F7E5; + font-family:'Poppins'; + font-size: 1rem; +} +.submit{ + width: 100%; + display: flex; + + justify-content: center; + padding: 1rem; +} +.button a{ + text-decoration: none; + color: black; +} +.button a:hover{ + color: red; +} + + +.right2 { + + list-style: none; + display: none; + flex-direction: column; + position: fixed; + top:0; + right: 0; + height: 100vh; + width:17rem; + background-color: rgba(255, 255, 255); + /* backdrop-filter: blur(25px); */ + align-items: center; + color: #e4eee1; + /* font-weight: bold; */ + +} + .right2 li{ + + width: 100%; + padding: 2.5px 2rem; + margin: 1.5rem; + border: 1px solid rgba(248, 248, 248, 0); +} +.right2 li a{ + width: 80%; + text-decoration: none; + font-family:'Poppins'; + color: #050505; + /* font-weight: bold; */ + font-size: 1.2rem; + text-shadow: 1px 1px 1px rgb(0, 0, 0) , 1px 1px 1px rgb(0, 0, 0);; + /* border: 1px solid rgb(248, 248, 248); */ + padding: 0.6rem; + border-radius: 1rem; +} +.right2 li:hover{ + background-color: #e4eee1; + border: 1px solid #e4eee1; +} +.crossmain{ + color: #050505; + margin: 2rem 2rem 0 0; + font-size: 2rem; + +} +.hambmain1{ + display: none; +} + + + +/* ******************Responsive Of First Page************* */ +@media(max-width:1100px) { + .hambmain1{ + display: flex; + font-size: 1.75rem; + } + .hideonmobile1{ + display: none; + } + .navbar{ + justify-content: space-between; + padding: 0 2rem; + } + .sline{ + font-size: 2.5rem; + } + +} +/* .sline{ + min-height: 20vh; + width: 90%; + font-family:'Poppins'; + border: 1px solid red; + display: flex; + color: azure; + font-size: 3rem; + justify-content: center; + align-items: center; +} +.element{ + margin: 2rem 0; + /* border: 1px solid red; +} */ +@media(max-width:890px){ + .box{ + width: 70%; + font-size: 0.9rem; + } + .sline{ + font-size: 2rem; + } + .font{ + font-size: 3.5rem; + } +} +@media(max-width:700px){ + .sline{ + justify-content: none; + align-items: none; + + } + .box{ + width: 70%; + font-size: 0.9rem; + } + .buttons{ + + width: 90%; + flex-direction: column; + + } + .button{ + margin: 1.5rem; + font-size: 1rem; + + width:50%; + + } + #contactbox form{ + width: 80%; + } + .text{ + font-size: 0.75rem; + } + .bold{ + font-size: 0.95rem; + } + .heading{ + font-size: 1.7rem; + } + .newdesign{ + font-size: 1rem; + width: 50%; + } +} +@media(max-width:450px) +{ + + .box{ + width: 80%; + font-size: 0.8rem; + } + .learn{ + font-size: 0.9rem; + } + .img1 img{ + height: 11rem; + width: 11rem; + + } + .font{ + font-size: 3rem; + } + .button{ + margin: 1.5rem; + font-size: 0.95rem; + + width:70%; + + } +} \ No newline at end of file diff --git a/style1.css b/style1.css new file mode 100644 index 0000000..4f0f08d --- /dev/null +++ b/style1.css @@ -0,0 +1,309 @@ +@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap'); + +@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap'); + +#myText{ + width: 100%; + height: 20vh; +} +body{ + background-color: #F3F9E3; +} +.upload{ + border: 1px solid red; + margin: 5rem; + padding: 2rem; + height: 80vh; + display: flex; + overflow: hidden; + overflow-y: scroll; + flex-direction: column; + align-items: center; + font-size: 2rem; + font-family:'Poppins'; + font-weight: bold; +} +/* .font1{ + font-size:3rem; +} */ +.fetch{ + border: 1px solid red; + margin: 2rem 5rem 5rem 5rem; + height: 70vh; + overflow: hidden; + overflow-y: scroll; + font-size: 2rem; + display: flex; + align-items: center; + flex-direction: column; + + +} +.section1{ + display: flex; + flex-direction: column; + justify-content: center; + align-self: center; +} +.add{ + width: 60%; + margin: 0 5rem ; + display: flex; + justify-content: center; + align-self: center; + +} +.addupdate{ + border: none; + padding:0.5rem; + margin-top: 3rem; + border-radius: 3rem; + font-size: 1.2rem; + font-weight: bold; + width:100%; + height:3rem; + font-family:'Poppins'; + box-shadow: 0 0 8px rgb(241, 18, 18), 0 0 18px rgb(7, 4, 4); +} +.addupdate:hover{ + cursor: pointer; + color:rgb(255, 0, 0); + +} +.close{ + border: none; + padding:0.5rem; + margin-top: 3rem; + border-radius: 3rem; + font-size: 1.2rem; + font-weight: bold; + width:100%; + height:3rem; + font-family:'Poppins'; + box-shadow: 0 0 8px rgb(241, 18, 18), 0 0 18px rgb(7, 4, 4); +} +.close:hover{ + cursor: pointer; + color:rgb(255, 0, 0); +} +.first{ + width: 80%; + margin: 1.2rem; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} + +.second{ + width: 80%; + margin: 1.2rem; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} +.third{ + width: 100%; + margin: 1.2rem; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; +} + +#myCompany{ + + + resize: none; + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myWork{ + + + + resize: none; + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myRole{ + + + resize: none; + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myTime{ + + + resize: none; + + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myMoney{ + + + resize: none; + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myLocation{ + + + resize: none; + + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myNature{ + + + resize: none; + + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myExperience{ + + + resize: none; + + text-align: center; + padding: 0.2rem; + border-radius: 1rem; +} +#myWorking{ + width: 100%; + + resize: none; + + padding: 0.4rem; + border-radius: 1rem; +} +.detailc{ + font-size: 1.2rem; + height: 25vh; +} +.widthadj{ + margin: 0.4rem; + width: 70%; + height: 6.5vh; + font-size: 1.5rem; + border: 1px solid rgb(22, 14, 14); +} +.update{ + width: 50%; +} +.updatebtn{ + border: none; + padding:0.5rem; + border-radius: 3rem; + font-size: 1.2rem; + font-weight: bold; + width:100%; + height:3rem; + font-family:'Poppins'; + box-shadow: 0 0 4px rgb(241, 18, 18), 0 0 10px rgb(7, 4, 4); +} +.updatebtn:hover{ + cursor: pointer; + color: red; +} +/* .hide{ + display: none; +} */ + +.hide{ + display: none; +} +.headingtop{ + width: 100%; + + display: flex; + margin-top: 3rem; + font-size: 3rem; + font-weight: bold; + font-family: 'Caveat', cursive;; + justify-content: center; + align-items: center; + +} +.box11{ + font-family:'Poppins'; + + width: 80%; + padding: 1.5rem; + border-radius: 20px; + background-color: #f1faef; + /* border: 0.3rem solid red; */ + margin: 1.5rem; + color: black; + font-size: 1rem; + display: flex; + flex-direction: column; + box-shadow: 0 0 3px rgb(7, 4, 4) +} +#role{ + font-size: 2.1rem; + font-family: 'Kanit', sans-serif; + font-weight: bold; +} +#company{ + margin: 0.4rem 0; + font-size: 1.4rem; + font-weight: 600; +} +#type{ + +} +.innerbox{ + display: flex; + justify-content: space-evenly; + margin: 1rem 0; +} +.innerbox2{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +#location{ + margin: 0.3rem 0; +} +#nature{ + margin: 0.3rem 0; +} +#money{ + +} +#time{ + +} +#duration{ +} + +#details{ + margin: 0.6rem 0; +} +.margin{ + margin: 0 0.3rem; +} +.upheadings{ + font-family: 'Ubuntu', sans-serif; + font-weight: 500; +} + + + + + +/* */ \ No newline at end of file diff --git a/style2.css b/style2.css new file mode 100644 index 0000000..6f99ea7 --- /dev/null +++ b/style2.css @@ -0,0 +1,140 @@ + +.right1 { + + list-style: none; + display: none; + flex-direction: column; + position: fixed; + top:0; + right: 0; + height: 100vh; + width:17rem; + background-color: rgba(255, 255, 255, 0.034); + backdrop-filter: blur(10px); + align-items: center; + + +} + .right1 li{ + + width: 100%; + padding: 2.5px 2rem; + margin: 1.5rem; + border: 1px solid rgba(248, 248, 248, 0); +} +.right1 li a{ + width: 80%; + text-decoration: none; + font-family:'Poppins'; + color: black; + font-weight: 600; + font-size: 1.2rem; + /* border: 1px solid rgb(248, 248, 248); */ + padding: 0.6rem; + border-radius: 1rem; +} +.right1 li:hover{ + background-color: #e4eee1; + border: 1px solid #e4eee1; +} +.hamb{ + /* border: 1px solid red; */ + font-size: 1.75rem; + +} +.hambb{ + display: none; +} +.cross{ + font-size: 2rem; + margin: 1rem; +} +@media(max-width:910px){ + .navbar{ + justify-content: space-between; + padding: 0 2rem; + } + .hideonmobile{ + display: none; + } + .font1{ + font-size: 1.2rem; + } + .inputb{ + width:100% ; + margin: 0.8rem; + } + .inputbb{ + width: 100%; + } + + .marginadjust{ + margin: 2rem 2rem 2rem 2rem; + } + .widthadj{ + width: 90%; + font-size: 1.2rem; + height:6vh ; + } + .detailc{ + font-size: 1rem; + height: 23vh; + } + .hambb{ + display: flex; + } +} +@media(max-width:600px){ + .headingadj{ + font-size: 2rem; + font-weight: bold; + } + .widthadj{ + width: 85%; + height: 5vh; + font-size: 1rem; + } + .detailc{ + font-size: 1rem; + height: 23vh; + } + .hambb{ + display: flex; + } +} +@media(max-width:850px){ + + .box11{ + font-size: 0.8rem; + width: 85%; + padding: 1.3rem; + } + #role{ + font-size: 1.9rem; + + } + #company{ + font-size: 1.2rem; + } +} +@media(max-width:570px){ + .box11{ + font-size: 0.7rem; + width: 90%; + padding: 1rem; + } +} +@media(max-width:460px){ + .box11{ + font-size: 0.6rem; + width: 95%; + padding: 0.7rem; + } + #role{ + font-size: 1.7rem; + + } + #company{ + font-size: 1rem; + } +} \ No newline at end of file