diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 00000000..d5fdabb4 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,14 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "chrome", + "request": "launch", + "name": "Open index.html", + "file": "d:\\gitclass\\Engineering-Notes-Website\\index.html" + } + ] +} \ No newline at end of file diff --git a/Login/app.js b/Login/app.js deleted file mode 100644 index 92280ee9..00000000 --- a/Login/app.js +++ /dev/null @@ -1,15 +0,0 @@ -import { Ehh } from "https://brajesh825.github.io/ehh/index.js"; -import { nodeConfig } from "./user/config/nodeConfig.js"; -import { browserConfig } from "./user/config/browserConfig.js"; - -try { - if (typeof window === "undefined") { - console.log("Node"); - new Ehh(nodeConfig).start(); - } else { - console.log("Browser"); - new Ehh(browserConfig).start(); - } -} catch (error) { - console.log(error.message); -} diff --git a/Login/index.html b/Login/index.html deleted file mode 100644 index 86c4ebf9..00000000 --- a/Login/index.html +++ /dev/null @@ -1,69 +0,0 @@ - - - - - - - - - Document - -
- -
- - -
- - - - diff --git a/Login/login.html b/Login/login.html deleted file mode 100644 index b4c328e2..00000000 --- a/Login/login.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - Document - - - - - \ No newline at end of file diff --git a/Login/package.json b/Login/package.json deleted file mode 100644 index e69de29b..00000000 diff --git a/Login/styles.css b/Login/styles.css deleted file mode 100644 index 70905d5a..00000000 --- a/Login/styles.css +++ /dev/null @@ -1,64 +0,0 @@ -* { - margin: 0; - padding: 0; - } - - /* .tasks { - border: 1px solid black; - padding: 1rem; - display: flex; - flex-direction: row; - flex-wrap: wrap; - border-radius: 10px; - } - - .task { - width: 200px; - border: 1px solid pink; - border-radius: 10px; - margin: 1rem; - padding: 1rem; - } */ - - #ehh { - margin-top: 2rem; - position: absolute; - left: 50%; - transform: translate(-50%); - } - - nav { - padding-block: 1rem; - text-align: center; - } - - nav a { - padding: 0.5rem 1rem; - } - - form { - display: flex; - flex-direction: column; - } - - .addTaskForm { - display: flex; - flex-direction: row; - } - - label, - input, - select, - button { - margin-block: 0.2rem; - } - - ul { - padding-left: 1rem; - } - #user-form{ - display: none; - } - #search-form{ - display: none; - } \ No newline at end of file diff --git a/Login/user/config/browserConfig.js b/Login/user/config/browserConfig.js deleted file mode 100644 index e527a4d0..00000000 --- a/Login/user/config/browserConfig.js +++ /dev/null @@ -1,16 +0,0 @@ -const browserConfig = { - name: "EhhStart", - env: "Browser", - Port: "4000", - host: window.location.origin, - Entity: { - Ehh: "/user/entity/Ehh/index.js", - Github: "/user/entity/Github/index.js", - Gitlab: "/user/entity/Gitlab/index.js", - Godaddy: "/user/entity/Godaddy/index.js", - }, - homePage: "#Home", - }; - - export { browserConfig }; - \ No newline at end of file diff --git a/Login/user/config/nodeConfig.js b/Login/user/config/nodeConfig.js deleted file mode 100644 index fd93b86a..00000000 --- a/Login/user/config/nodeConfig.js +++ /dev/null @@ -1,10 +0,0 @@ -const nodeConfig = { - name: "EhhStart", - env: "Browser", - Port: "4000", - Entity: { - Task: "/user/entity/task.js", - }, - }; - - export { nodeConfig }; \ No newline at end of file diff --git a/Login/user/entity/Ehh/Home/index.js b/Login/user/entity/Ehh/Home/index.js deleted file mode 100644 index 9bcf94e1..00000000 --- a/Login/user/entity/Ehh/Home/index.js +++ /dev/null @@ -1,27 +0,0 @@ -const Home = { - scope: "Browser", - name: "HomePage", - path: "^#Home$", - entity: "Ehh", - model: { - data: [], - }, - view: function (model) { - var elim = `

${model.heading}

-

${model.text}

-

-

Lets get started by signing up!

`; - document.getElementById("ehh").innerHTML = elim; - }, - controller: { - name: "HomePage", - callback: async (event, view) => { - view({ - heading: "Everything happens here", - text: "Wecome to Ehh", - }); - }, - }, -}; - -export { Home }; diff --git a/Login/user/entity/Ehh/index.js b/Login/user/entity/Ehh/index.js deleted file mode 100644 index ee5ea893..00000000 --- a/Login/user/entity/Ehh/index.js +++ /dev/null @@ -1,5 +0,0 @@ -import { Home } from "./Home/index.js"; - -const Ehh = { Home }; - -export { Ehh }; diff --git a/Login/user/entity/Login/index.js b/Login/user/entity/Login/index.js deleted file mode 100644 index e69de29b..00000000 diff --git a/about.css b/about.css index dae53535..bab519d5 100644 --- a/about.css +++ b/about.css @@ -11,7 +11,7 @@ height: 88px; min-width: 100vw; margin: -25px 0 0 0; - background: #131C2B; + background: #131c2b; display: flex; justify-content: space-around; align-items: normal; @@ -45,27 +45,26 @@ nav ul li a:hover { flex-direction: column; justify-content: center; align-items: center; - padding: 100px; + padding: 100px; background: radial-gradient(#fff, rgb(255, 191, 191)); background-size: cover; } -.mission{ - padding-bottom: 60px; - text-align: center; - margin-top: 50px; +.mission { + padding-bottom: 60px; + text-align: center; + margin-top: 50px; } -.mission h1{ - margin-bottom: 20px; +.mission h1 { + margin-bottom: 20px; } -.link{ - text-decoration: none; - color: #ff523b; +.link { + text-decoration: none; + color: #ff523b; } - .container { width: 100%; display: flex; @@ -74,334 +73,327 @@ nav ul li a:hover { flex-direction: column; } - - /* navbar */ .navbar { - display: flex; - align-items: center; - padding: 20px; - } - nav { - flex: 1; - text-align: right; - } - nav ul { - display: inline-block; - list-style-type: none; - } - nav ul li { - display: inline-block; - margin-right: 20px; - font-size: 17px; - padding: 10px; - } + display: flex; + align-items: center; + padding: 20px; +} +nav { + flex: 1; + text-align: right; +} +nav ul { + display: inline-block; + list-style-type: none; +} +nav ul li { + display: inline-block; + margin-right: 20px; + font-size: 17px; + padding: 10px; +} -.center{ - text-align: center; +.center { + text-align: center; } -.head{ - font-size: 50px; - text-decoration: underline; - margin-bottom: 10px; +.head { + font-size: 50px; + text-decoration: underline; + margin-bottom: 10px; } -.sub-head{ - font-size: 30px; +.sub-head { + font-size: 30px; } /* footer */ footer { - width: 100%; - bottom: 0; - background: #192734; - /* background-image: linear-gradient(to right, #DECBA4, #3E5151); */ - color: #fff; - padding: 8px; - font-size: 13px; - line-height: 20px; - } - .row { - width: 100%; - display: flex; - flex-wrap: wrap; - align-items: flex-start; - justify-content: space-between; - } - .col { - flex-basis: 25px; - padding: 10px; - margin: 30px; - } - - .col1 h5{ - color: #ff523b; - font-size: 20px; - font-weight: bolder; - margin-top: 1rem; - } - .dev{ - font-size: 16px; - font-weight: bold; - } - .col h3 { - width: fit-content; - margin-bottom: 40px; - position: relative; - line-height: 2rem; - } - .email-id { - width: fit-content; - margin: 20px 0; - color: #ff523b; - } - .email-id:hover{ - font-size: 16px; - font-weight: 100; - color: white; - transition-duration: 0.7s; - } - .col2 h4{ - font-size: 16px; - font-weight: 100; - color: #ff523b; - } - .col2 h4:hover{ - font-size: 16px; - font-weight: 100; - color: white; - transition-duration: 0.7s; - } - .col p{ - font-size: 16px; - - } - .col2{ - width: 40%; - /* margin-left: -80px; */ - min-width: 240px; - } - .col h3{ - color: #ff523b; - font-size: 20px; - font-weight: 900; - text-align: justify center; - margin-bottom: 20px; - } - .col3{ - min-width: 12rem; - } - .col3 ul li a{ - font-size: 16px; - color: white; - } - .col3 ul li a:hover{ - color: #ff523b; - transition-duration: 0.5s; - } - .col4{ - margin-left: -50px; - margin-right: 100px; - margin-top: 60px; - } - .col4 h3{ - margin-bottom: 20px; - font-size: 30px; - font-weight: bold; - } - ul li { - list-style: none; - margin-bottom: 12px; - } - ul li a { - text-decoration: none; - color: rgb(87, 81, 81); - } - ul li a:hover { - color: #ff523b; - } + width: 100%; + bottom: 0; + background: #192734; + /* background-image: linear-gradient(to right, #DECBA4, #3E5151); */ + color: #fff; + padding: 8px; + font-size: 13px; + line-height: 20px; +} +.row { + width: 100%; + display: flex; + flex-wrap: wrap; + align-items: flex-start; + justify-content: space-between; +} +.col { + flex-basis: 25px; + padding: 10px; + margin: 30px; +} + +.col1 h5 { + color: #ff523b; + font-size: 20px; + font-weight: bolder; + margin-top: 1rem; +} +.dev { + font-size: 16px; + font-weight: bold; +} +.col h3 { + width: fit-content; + margin-bottom: 40px; + position: relative; + line-height: 2rem; +} +.email-id { + width: fit-content; + margin: 20px 0; + color: #ff523b; +} +.email-id:hover { + font-size: 16px; + font-weight: 100; + color: white; + transition-duration: 0.7s; +} +.col2 h4 { + font-size: 16px; + font-weight: 100; + color: #ff523b; +} +.col2 h4:hover { + font-size: 16px; + font-weight: 100; + color: white; + transition-duration: 0.7s; +} +.col p { + font-size: 16px; +} +.col2 { + width: 40%; + /* margin-left: -80px; */ + min-width: 240px; +} +.col h3 { + color: #ff523b; + font-size: 20px; + font-weight: 900; + text-align: justify center; + margin-bottom: 20px; +} +.col3 { + min-width: 12rem; +} +.col3 ul li a { + font-size: 16px; + color: white; +} +.col3 ul li a:hover { + color: #ff523b; + transition-duration: 0.5s; +} +.col4 { + margin-left: -50px; + margin-right: 100px; + margin-top: 60px; +} +.col4 h3 { + margin-bottom: 20px; + font-size: 30px; + font-weight: bold; +} +ul li { + list-style: none; + margin-bottom: 12px; +} +ul li a { + text-decoration: none; + color: rgb(87, 81, 81); +} +ul li a:hover { + color: #ff523b; +} + +form { + padding-bottom: 5%; + padding-left: 10px; + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #ccc; + margin-bottom: 70px; +} +form .far { + font-size: 38px; +} + +.col ul > li { + width: 120px; +} + +button .submit { + border-radius: 15px; +} +form button > i { + padding: 8px; + border-radius: 10px; +} + +form input { + background: transparent; + color: #ccc; + width: 200px; + padding: 8px; + border: 0; + outline: none; +} + +.form-news { + margin-bottom: 30px; +} +.social-media { + display: flex; + text-align: center; + justify-content: center; + flex-wrap: wrap; +} +.social-media i { + border: 1px solid gray; + width: 45px; + height: 38px; + padding-top: 7px; + margin-right: 5px; + text-align: center; + display: inline-block; + font-size: 1.5em; + text-decoration: none; + color: #d3d3d3; + border-radius: 5px; + transition: all 0.3s; +} + +.toggle-mode { + position: absolute; + top: 10px; + right: 20px; + width: 35px; + height: 35px; + cursor: pointer; + /* border: 1px solid red; */ + /* cursor: pointer; */ +} + +.toggle-mode > img { + width: 35px; + height: 35px; +} + +.sun { + display: none; +} +.dis { + position: absolute; + bottom: 20%; + text-align: center; + font-size: 13px; + padding: 1rem 1rem; + transition: 0.5s ease; + background-color: #a6b6bb; + opacity: 0; + overflow: hidden; +} +.col-3:hover .dis { + opacity: 1; +} +#pic { + display: flex; + flex-direction: column; + justify-content: space-between; + align-items: center; + text-align: center; + min-width: 210px; + margin-right: 1rem; +} +#pic > .dev { + padding: 10px 0; +} + +.contact { + width: 70%; + padding: 5px; +} + +.contact { + padding-right: 5px; + background-color: #ff523b; + border-radius: 20px; + margin-top: 10px; +} +.contact a h4 { + font-size: 16px; + text-align: center; + color: white; +} +.contact a h4:hover { + font-size: 18px; +} + +.branchimg { + box-shadow: 8px 8px 8px#1c2020; + border-radius: 1rem; +} +.students { + filter: drop-shadow(10px 10px 10px rgb(60, 60, 60)); +} +.far { + margin-right: 10px; +} +.emailid { + border: 2px solid rgb(255, 255, 255); + border-radius: 4px; + margin-right: 5px; +} +.fa-brands { + font-size: 25px; + padding-right: 8px; + padding-left: 8px; +} +.tweet:hover { + color: #00b6f1; +} +.insta:hover { + color: rgb(255, 0, 43); +} +.git:hover { + color: #040204; +} +.in:hover { + color: #04669a; +} +.tele:hover { + color: #0088cc; +} +.youtube:hover { + color: rgb(255, 0, 0); +} +/*? dark mode */ + +.dark-mode { + background: #2c3333; + color: white; +} - form { - padding-bottom: 5%; - padding-left: 10px; - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #ccc; - margin-bottom: 70px; - } - form .far { - font-size: 38px; - - } - - .col ul>li{ - width: 120px; - } - - button .submit{ - border-radius: 15px; - } - form button>i{ - padding: 8px; - border-radius: 10px; - } - - form input { - background: transparent; - color: #ccc; - width: 200px; - padding: 8px; - border: 0; - outline: none; - } - - .form-news{ - margin-bottom: 30px; - } - .social-media{ - display: flex; - text-align: center; - justify-content: center; - flex-wrap: wrap; - } - .social-media i{ - border: 1px solid gray; - width: 45px; - height: 38px; - padding-top: 7px; - margin-right: 5px; - text-align: center; - display: inline-block; - font-size: 1.5em; - text-decoration: none; - color: #d3d3d3; - border-radius: 5px; - transition: all 0.3s; - } - - .toggle-mode { - position: absolute; - top: 10px; - right: 20px; - width: 35px; - height: 35px; - cursor: pointer; - /* border: 1px solid red; */ - /* cursor: pointer; */ - } - - .toggle-mode > img { - width: 35px; - height: 35px; - } - - .sun { - display: none; - } - .dis{ - position: absolute; - bottom: 20%; - text-align:center; - font-size: 13px; - padding: 1rem 1rem; - transition: .5s ease; - background-color: #a6b6bb; - opacity: 0; - overflow: hidden;; - } - .col-3:hover .dis{ - opacity: 1; - } - #pic{ - display: flex; - flex-direction: column; - justify-content: space-between; - align-items: center; - text-align: center; - min-width: 210px; - margin-right: 1rem; - } - #pic>.dev{ - padding: 10px 0; - } - - .contact{ - width: 70%; - padding: 5px; - } - - .contact{ - padding-right:5px; - background-color: #ff523b; - border-radius: 20px; - margin-top: 10px; - } - .contact a h4{ - font-size: 16px; - text-align: center; - color: white; - } - .contact a h4:hover{ - font-size: 18px; - } - - .branchimg{ - box-shadow: 8px 8px 8px#1c2020; - border-radius: 1rem; - } - .students{ - filter: drop-shadow(10px 10px 10px rgb(60, 60, 60)); - } - .far{ - margin-right: 10px; - } - .emailid{ - border: 2px solid rgb(255, 255, 255); - border-radius: 4px; - margin-right: 5px; - } - .fa-brands{ - font-size: 25px; - padding-right: 8px; - padding-left: 8px; - } - .tweet:hover{ - color: #00B6F1;; - } - .insta:hover{ - color: rgb(255, 0, 43); - } - .git:hover{ - color: #040204; - } - .in:hover{ - color: #04669A; - } - .tele:hover{ - color: #0088cc; - - } - .youtube:hover{ - color:rgb(255, 0, 0); - } - /*? dark mode */ - - .dark-mode { - background: #2c3333; - color: white; - } - - .dark-mode .title{ - background: #2c3333; - color:#bf7474 - } - .header-dark-mode { - - background: #1c2020; - color: #bf7474; - } - \ No newline at end of file +.dark-mode .title { + background: #2c3333; + color: #bf7474; +} +.header-dark-mode { + background: #1c2020; + color: #bf7474; +} diff --git a/contactus.css b/contactus.css index 5bd25d93..7eafcfbe 100644 --- a/contactus.css +++ b/contactus.css @@ -7,12 +7,12 @@ font-family: "Poppins", sans-serif; } -#check{ +#check { display: none; } body { - font-family: "Poppins", sans-serif; + font-family: "poppins", sans-serif; } /*Gradient scroll bar */ @@ -44,7 +44,7 @@ body::-webkit-scrollbar-thumb { height: 88px; min-width: 100vw; margin: -25px 0 0 0; - background: #131C2B; + background: #131c2b; display: flex; justify-content: space-around; align-items: normal; @@ -101,7 +101,7 @@ nav ul li { margin-left: -50px; } -.contact{ +.contact { margin-left: -8px; min-width: 99.3vw; } @@ -114,7 +114,6 @@ nav ul li { .para { max-width: 500px; font-family: "Poppins", sans-serif; - } a { @@ -141,7 +140,7 @@ p { flex-wrap: wrap; justify-content: space-around; } -.row-header{ +.row-header { padding-top: 100px; } @@ -221,7 +220,7 @@ p { margin-top: 20px; width: 100%; align-items: flex-start; - height: auto; + height: auto; } .col-4 { @@ -299,7 +298,7 @@ ul li a:hover { margin-bottom: 0; } -.col ul>li { +.col ul > li { width: 120px; } @@ -307,7 +306,7 @@ button .submit { border-radius: 15px; } -.form1 button>i { +.form1 button > i { padding: 8px; border-radius: 10px; } @@ -360,7 +359,7 @@ button .submit { /* cursor: pointer; */ } -.toggle-mode>img { +.toggle-mode > img { width: 35px; height: 35px; } @@ -380,11 +379,10 @@ button .submit { text-align: center; font-size: 13px; padding: 1rem 1rem; - transition: .5s ease; + transition: 0.5s ease; background-color: #a6b6bb; opacity: 0; overflow: hidden; - ; } .col-3:hover .dis { @@ -401,7 +399,7 @@ button .submit { margin-right: 1rem; } -#pic>.dev { +#pic > .dev { padding: 10px 0; } @@ -433,7 +431,6 @@ button .submit { .tweet:hover { color: white; background: rgb(0, 140, 255); - } .insta:hover { @@ -447,13 +444,12 @@ button .submit { } .in:hover { - color: #04669A; + color: #04669a; background: white; } .tele:hover { color: #0088cc; - } .youtube:hover { @@ -470,11 +466,10 @@ button .submit { .dark-mode .title { background: #2c3333; - color: #bf7474 + color: #bf7474; } .header-dark-mode { - background: #1c2020; color: #bf7474; } @@ -565,12 +560,10 @@ button .submit { display: block; margin-left: 230px; } - } .myname { width: 180px; - } .containers { @@ -587,7 +580,7 @@ button .submit { border-radius: 50px; margin-right: 10px; font-size: 20px; - background-color: white + background-color: white; } .mic:hover { @@ -600,7 +593,7 @@ button .submit { width: 45px; } -.contentHead{ +.contentHead { top: 50%; } @@ -639,7 +632,7 @@ button .submit { display: flex; align-items: center; justify-content: center; - flex-direction: column; + flex-direction: column; margin-top: 30px; padding-top: 20px; } @@ -673,7 +666,7 @@ button .submit { font-size: 22px; margin-top: 10px; } -.container .map{ +.container .map { display: flex; flex-direction: row; justify-content: center; @@ -684,13 +677,12 @@ button .submit { } .container .contactinfo .box .text { - text-align: center; - margin-top: 40px; + margin-top: 40px; display: flex; flex-direction: column; margin-left: 40px; - margin-right: 40px; + margin-right: 40px; padding-right: 40px; font-size: 16px; font-weight: 300; @@ -714,7 +706,7 @@ button .submit { background-color: #fff; flex-direction: column; border-radius: 5px; - margin-bottom: 30px; + margin-bottom: 30px; align-items: flex-start; } @@ -761,17 +753,17 @@ button .submit { .contactform .inputBox textarea:valid ~ span { color: #f06553; font-size: 12px; - transform: translateY(-20px)translateX(5px); + transform: translateY(-20px) translateX(5px); } .contactform .inputBox input:valid ~ span, .contactform .inputBox textarea:valid ~ span { color: black; font-size: 12px; - transform: translateY(-20px)translateX(5px); + transform: translateY(-20px) translateX(5px); } -.contactform .inputBox input[type="submit"]{ +.contactform .inputBox input[type="submit"] { width: 100%; background: #ff523b; color: #fff; @@ -784,15 +776,14 @@ button .submit { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2); } -.contactform .inputBox input[type="submit"]:hover{ +.contactform .inputBox input[type="submit"]:hover { background: #f9634f; transform: translateY(-4px); box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5); } -#check:checked ~ ul{ - left: 0; - +#check:checked ~ ul { + left: 0; } @media (max-width: 1183px) { @@ -803,12 +794,12 @@ button .submit { z-index: 2; display: flex; flex-direction: row; - justify-content: center; - margin-left: 10px; + justify-content: center; + margin-left: 10px; left: 0%; } - - nav ul li{ + + nav ul li { margin-top: 10px; margin-bottom: 10px; position: relative; @@ -817,7 +808,7 @@ button .submit { padding: 0px; /* display: block; */ } - .menu-icon{ + .menu-icon { display: block; } @@ -841,7 +832,7 @@ button .submit { .container .contactform { width: 100%; } - .container .contactinfo .box .map{ + .container .contactinfo .box .map { display: flex; flex-direction: row; justify-content: center; @@ -866,7 +857,7 @@ button .submit { display: flex; flex-direction: column; align-items: center; /* Align items to the left */ - padding-left: 2px; + padding-left: 2px; font-size: 15px; } @@ -905,5 +896,3 @@ button .submit { font-size: 16px; } } - - diff --git a/style.css b/style.css index b9eedaf2..7b370d54 100644 --- a/style.css +++ b/style.css @@ -3,7 +3,7 @@ padding: 0; box-sizing: border-box; } -body{ +body { overflow-x: hidden; } @@ -67,7 +67,7 @@ body::-webkit-scrollbar-thumb { height: 88px; min-width: 100vw; margin: -25px 0 0 0; - background: #131C2B; + background: #131c2b; display: flex; justify-content: space-around; align-items: normal; @@ -91,7 +91,7 @@ nav ul li { color: white; display: inline-block; margin: 6px 16px 0 0; - font-size: 17px; + font-size: 20px; padding: 30px; } @@ -124,7 +124,6 @@ nav ul li { margin-left: -50px; } - .col-2 p { text-align: justify; line-height: 1.7; @@ -134,7 +133,6 @@ nav ul li { .para { max-width: 500px; font-family: "Poppins", sans-serif; - } a { @@ -161,23 +159,22 @@ p { justify-content: space-around; flex-wrap: wrap; } -.row-header{ +.row-header { padding-top: 60px; } -.train-placement{ +.train-placement { text-align: center; font-size: 2.5rem; margin-bottom: 1.5rem; } -#placement-para{ - padding:10px 150px; +#placement-para { + padding: 10px 150px; font-size: 1.1rem; - font-family:Verdana, Geneva, Tahoma, sans-serif; + font-family: Verdana, Geneva, Tahoma, sans-serif; } - .col-2 { flex-basis: 50%; min-width: 300px; @@ -351,7 +348,7 @@ footer { transition-duration: 0.7s; } -.phone:hover{ +.phone:hover { cursor: pointer; } @@ -370,7 +367,6 @@ footer { .col p { font-size: 16px; - } .col2 { @@ -445,7 +441,7 @@ form .far { margin-bottom: 0; } -.col ul>li { +.col ul > li { width: 120px; } @@ -453,20 +449,20 @@ button .submit { border-radius: 15px; } -form button>i { +form button > i { padding: 8px; border-radius: 10px; } form input { background: transparent; - width:200px; + width: 200px; padding: 8px; border: 0; outline: none; font-size: 18px; } -#search-button{ +#search-button { background: transparent; border: hidden; cursor: pointer; @@ -504,15 +500,16 @@ form input { width: 35px; height: 35px; z-index: 100; - top:10px; + top: 10px; cursor: pointer; /* border: 1px solid red; */ /* cursor: pointer; */ } -.toggle-mode>img { +.toggle-mode > img { width: 35px; height: 35px; + margin-top: 10px; } .toggle-mode .fa-moon { @@ -530,15 +527,14 @@ form input { text-align: center; font-size: 13px; padding: 1rem 1rem; - transition: .5s ease; + transition: 0.5s ease; background-color: #a6b6bb; opacity: 0; overflow: hidden; - ; } .col-3:hover .dis { - opacity: 1; + opacity: 2; } #pic { @@ -551,7 +547,7 @@ form input { margin-right: 1rem; } -#pic>.dev { +#pic > .dev { padding: 10px 0; } @@ -575,7 +571,7 @@ form input { .contact a h4:hover { font-size: 18px; - transition: .3s ease; + transition: 0.3s ease; } .branchimg { @@ -608,14 +604,13 @@ form input { padding-left: 8px; } -.youtube{ +.youtube { margin-top: 5px; } .tweet:hover { color: white; background: rgb(0, 140, 255); - } .insta:hover { @@ -629,13 +624,12 @@ form input { } .in:hover { - color: #04669A; + color: #04669a; background: white; } .tele:hover { color: #0088cc; - } .youtube:hover { @@ -649,20 +643,19 @@ form input { background: #2c3333; color: white; } -.dark-mode #search-button{ +.dark-mode #search-button { color: white; } -.dark-mode #search-input{ +.dark-mode #search-input { color: white; } .dark-mode .title { background: #2c3333; - color: #bf7474 + color: #bf7474; } .header-dark-mode { - background: #1c2020; color: #bf7474; } @@ -789,7 +782,6 @@ form input { .myname { width: 180px; - } .containers { @@ -800,13 +792,13 @@ form input { color: black; text-align: right; padding-right: 8px; - padding-left: 8px; + padding-left: 50px; padding-top: 5px; padding-bottom: 5px; border-radius: 50px; margin-right: 10px; font-size: 20px; - background-color: white + background-color: white; } .google { @@ -843,7 +835,7 @@ form input { font-size: 0.95rem; border-radius: 0.25rem; outline-style: solid; - outline-width: 1px + outline-width: 1px; } .project-form label { @@ -910,7 +902,7 @@ body.dark-mode .project-card { .project-card-link a { display: inline-block; align-items: left; - color: #087cba + color: #087cba; } .project-card-link i { @@ -992,52 +984,51 @@ h3 { /* faqs */ -.containerf { - font-family: Arial, sans-serif; - max-width: 1000px; - margin: 0 auto; - padding: 20px; -margin-top: 100px; -} - -h1 { - font-size: 36px; - margin-bottom: 20px; -} - -.question { - font-weight: bold; - font-size: 20px; - margin-top: 40px; - margin-bottom: 30px; - cursor: pointer; +.containerf { + font-family: Arial, sans-serif; + max-width: 1000px; + margin: 0 auto; + padding: 20px; + margin-top: 100px; +} -} +h1 { + font-size: 36px; + margin-bottom: 20px; +} + +.question { + font-weight: bold; + font-size: 20px; + margin-top: 40px; + margin-bottom: 30px; + cursor: pointer; +} .question:after { -content: '\02795'; -/* Unicode character for "plus" sign (+) */ -font-size: 20px; -color: #777; -float: right; -margin-left: 5px; -margin-bottom: 20px; -} -hr{ -margin-top: 50px; -background-color: white; -} - -.answer { - margin-bottom: 20px; - display: none; + content: "\02795"; + /* Unicode character for "plus" sign (+) */ + font-size: 20px; + color: #777; + float: right; + margin-left: 5px; + margin-bottom: 20px; +} +hr { + margin-top: 50px; + background-color: white; +} + +.answer { + margin-bottom: 20px; + display: none; font-size: 20px; -} +} -.answer p { - margin: 0; - line-height: 1.5; -} +.answer p { + margin: 0; + line-height: 1.5; +} -.answer.active { - display: block; -} +.answer.active { + display: block; +}