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 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <link
- rel="stylesheet"
- href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
- integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
- crossorigin="anonymous"
- referrerpolicy="no-referrer"
- />
- <link rel="stylesheet" href="./styles.css" type="text/css" />
- <title>Document</title>
- </head>
- <header>
- <nav>
- <a href="#Home">Home</a>
- <a href="#GetGithub">Github</a>
- <a href="#GetGitlab">Gitlab</a>
- <a href="#GetGodaddy">GoDaddy</a>
- </nav>
- </header>
- <body>
- <button onclick="logout()">Logout</button>
- <div id="ehh"></div>
- <script src="./app.js" type="module"></script>
- <script>
- // Parse query string to see if page request is coming from OAuth 2.0 server.
- var params = {};
- var regex = /([^&=]+)=([^&]*)/g, m;
- while (m = regex.exec(location.href)) {
- params[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
- }
- if (Object.keys(params).length > 0) {
- localStorage.setItem('authInfo', JSON.stringify(params));
- }
- window.history.pushState({}, document.title, "/" + "profile.html");
- let info = JSON.parse(localStorage.getItem('authInfo'))
- console.log(info['access_token'])
- console.log(info['expires_in'])
-
- function logout() {
- fetch("https://oauth2.googleapis.com/revoke?token=" + info['access_token'],
- {
- method: 'POST',
- headers: {
- "Content-type": "application/x-www-form-urlencoded"
- }
- })
- .then((data) => {
- location.href = "http://localhost:5500/index.html"
- })
- }
- fetch("https://www.googleapis.com/oauth2/v3/userinfo", {
- headers: {
- "Authorization": `Bearer ${info['access_token']}`
- }
- })
- .then(data => data.json())
- .then((info) => {
- console.log(info)
- document.getElementById('name').innerHTML += info.name
- document.getElementById('image').setAttribute('src',info.picture)
- })
- </script>
- </body>
-</html>
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 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
-</head>
-<body>
-
-</body>
-</html>
\ 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 = `<h1>${model.heading}</h1>
- <p>${model.text}</p>
- <br /><br />
- <p>Lets get started by signing up!</p>`;
- 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;
+}