Skip to content

Commit

Permalink
Merge pull request #32 from GGarv/main
Browse files Browse the repository at this point in the history
UI changed to dark mode, footer modified
  • Loading branch information
Mohit07062003 authored Jan 11, 2024
2 parents 188af01 + f9d49a2 commit fe27233
Show file tree
Hide file tree
Showing 11 changed files with 114 additions and 73 deletions.
15 changes: 9 additions & 6 deletions css/about.css
Original file line number Diff line number Diff line change
Expand Up @@ -35,10 +35,12 @@
}

.commanp {
background: #ffffff;
/* background: #ffffff; */
background: #000000;
padding: 0.5rem;
margin: 0;
color: #2a2d35;
/* color: #2a2d35; */
color: #ffffff;
text-align: center;
font-size: 1.2rem;
font-weight: 700;
Expand All @@ -63,12 +65,13 @@

/* ------------------------------------- column-2 -------------------------------------*/
.who {
color: var(--color-bostonblue);
/* color: var(--color-bostonblue); */
color: #e3e6e9;
font-size: 1rem;
font-weight: bolder;
}
#about-part-2 h1 {
color: #292c34;
color:#fad225;
font-size: 3.5rem;
margin-block-start: 1rem;
margin-block-end: 1rem;
Expand All @@ -77,15 +80,15 @@
#about-part-2 h1::after {
content: "";
width: 100%;
background: linear-gradient(90deg, var(--color-bostonblue) 100%, var(--color-denim--lightest) 0);;
background: linear-gradient(90deg, #fad225 100%, var(--color-denim--lightest) 0);;
display: block;
width: 20%;
height: 0.3rem;
margin: 1rem 0 2rem;
}

.col2_description {
color: #999da7;
color: #e3e6e9;
line-height: 2;
font-weight: 600;
}
11 changes: 7 additions & 4 deletions css/contact.css
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
#contact {
overflow: hidden;
background-color: var( --color-denim);
/* background-color: var( --color-denim); */
/* background-color: #edd156; */
background-image: linear-gradient(180deg, #F3D65E -5%, #000000 80%, #000000 100%);
padding-bottom: 80px;
padding-top: 20px;
margin-top: 60px;
Expand All @@ -13,14 +15,15 @@
flex-direction: column;
z-index: 4;
min-height: 100%;
background-color: rgb(255, 255, 255);
/* background-color: rgb(255, 255, 255);; */
background-color: #f3d24f;
transition: all 0.4s ease 0s;
transform: translate3d(0px, 0px, 0px);
overflow: hidden;
border-radius: 6px;
box-shadow: rgb(0 0 0 / 7%) 0px 5px 14px 2px;
box-shadow: rgb(0 0 0 / 100%) 0px 5px 14px 2px;
will-change: transform;
--gradient-background: linear-gradient(60deg, #237CCA 0%, #1CA6B2 100%);
--gradient-background: linear-gradient(60deg, #ef734e 10%, #ffffff 10%, #000000 90%);
--gradient-color: currentColor;
flex-grow: 1;
padding: 40px 48px;
Expand Down
11 changes: 7 additions & 4 deletions css/events.css
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@
height: 100%;
object-fit: cover;
border-radius: 0px 12px 12px 0px;
box-shadow: rgb(50 50 50 / 10%) 0px 16px 32px, rgb(0 0 0 / 7%) 0px 6px 16px;
box-shadow: #e9d37d 0px 12px 28px, rgb(0 0 0 / 7%) 0px 6px 16px;
}

.event-desc {
Expand All @@ -42,7 +42,8 @@
letter-spacing: 0.008em;
margin: 0px;
padding: 0px;
color: rgb(42, 48, 57);
/* color: rgb(42, 48, 57); */
color: #ffffff;
font-weight: 600;
display: -webkit-box;
-webkit-line-clamp: 2;
Expand All @@ -64,7 +65,8 @@
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--color-bostonblue);
/* color: var(--color-bostonblue); */
color:#fad225 ;
transition: margin 0.3s;
}

Expand All @@ -76,7 +78,8 @@
}

.event-link a:hover {
color: var(--color-denim--dark);
/* color: var(--color-denim--dark); */
color: #ffffff;
margin-left: 4px;
}

Expand Down
18 changes: 10 additions & 8 deletions css/footer.css
Original file line number Diff line number Diff line change
@@ -1,17 +1,19 @@
.footer {
color: black;
/* color: black; */
color: #f0f0f0;
width: 100%;
margin: 0px auto;
padding: 40px 0;
overflow-x: hidden;
}

.footer-logo {
padding-top: 20px;
padding-left: 20px;
}

.footer-logo img {
width: 30%;
width: 40%;
}

.footer-inner-title {
Expand All @@ -29,7 +31,7 @@
width: 40px;
height: 2px;
font-style: normal;
background: #318bc5;
background: #fad225;
transition: all 0.35s ease-out;
}

Expand All @@ -44,7 +46,7 @@
}

.footer-inner-content ul li a {
color: #000000;
color: #f0f0f0;
display: block;
font-weight: 500;
font-size: large;
Expand All @@ -53,7 +55,7 @@
}

.footer-inner-content ul li a:hover {
color: #318bc5;
color: #fad225;
}

.footer-social-media ul {
Expand All @@ -66,7 +68,7 @@
position: relative;
width: 30px;
height: 30px;
border: 2px solid rgb(75, 74, 74);
border: 2px solid #f0f0f0;
border-radius: 20%;
text-align: center;
margin: 8px 5px;
Expand Down Expand Up @@ -96,7 +98,7 @@
position: absolute;
bottom: 5px;
line-height: 20px;
color: black;
color: #f0f0f0;
}

.footer-inner-content input {
Expand All @@ -111,7 +113,7 @@
}

.footer-button {
margin-top: 10px;
margin-top: 20px;
border-radius: 30px;
background-color: #318bc5;
color: #fff;
Expand Down
12 changes: 8 additions & 4 deletions css/header.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@ header {
position: sticky;
top: 0;
z-index: 999;
background-color: rgb(255, 255, 255);
/* background-color: rgb(255, 255, 255); */
background-color: #000000;
transition: background-color 0.1s ease-in 0s, box-shadow 0.15s ease-in 0s;
will-change: background-color, box-shadow;
box-shadow: rgb(0 0 0 / 0%) 0px 2px 4px 0px;
Expand Down Expand Up @@ -60,7 +61,8 @@ header {
position: relative;
display: block;
text-decoration: none;
color: rgba(0, 0, 0, 0.9);
/* color: rgba(0, 0, 0, 0.9); */
color: #ffffff;
font-size: 1.25rem;
font-weight: 600;
}
Expand All @@ -72,13 +74,15 @@ header {
height: 2px;
bottom: -2px;
left: 0;
background-color: var(--color-denim--dark);
/* background-color: var(--color-denim--dark); */
background-color: #FEDC4C;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}

.nav-link:hover {
color: var(--color-denim--dark);
/* color: var(--color-denim--dark); */
color: #FEDC4C;
}

.nav-link:hover:before {
Expand Down
39 changes: 30 additions & 9 deletions css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@ html {
padding: 0;
scroll-behavior: smooth;
font-family: 'Open Sans', sans-serif;
background-color: #000000;
}

.w-100 {
Expand Down Expand Up @@ -70,27 +71,32 @@ button, .btn, .btn-outlined {
transition: transform 0.4s ease 0s, background-color, border-color, background, color;
border-width: 1px;
border-style: solid;
border-color: var(--color-denim);
/* border-color: var(--color-denim); */
border-color: #FEDC4C;
border-image: initial;
border-radius: 25px;
}

button:hover, .btn:hover, .btn-outlined:hover {
transform: translateY(-3px);
border-color: #0764af;
/* border-color: #0764af; */
border-color:#FEDC4C ;
}

.btn {
color: rgb(255, 255, 255);
background: var(--color-denim);
/* background: var(--color-denim); */
background: #FEDC4C;
}

.btn:hover {
background: var(--color-denim--dark);
/* background: var(--color-denim--dark); */
background: #FEDC4C;
}

.btn-outlined {
color: var(--color-denim);
/* color: var(--color-denim); */
color: #FEDC4C;
background: transparent;
}

Expand Down Expand Up @@ -124,16 +130,30 @@ section {
letter-spacing: 0.023em;
margin: 0px;
padding: 0px;
color: rgb(42, 48, 57);
/* color: rgb(42, 48, 57); */
color: #ffffff;
line-height: 1.6;
}

.heading2 {
text-align: center;
margin: 0 auto 56px auto;
letter-spacing: 0.023em;
margin: 0px;
padding: 0px;
/* color: rgb(42, 48, 57); */

color: #000000;
line-height: 1.6;
}

.heading p {
margin-top: -16px;
font-size: 16px;
font-size: 20px;
line-height: 1.6;
font-weight: 400;
color: rgb(70, 78, 91);
/* color: rgb(70, 78, 91); */
color: #ffffff;
}
.con-1 {
width: 100%;
Expand All @@ -156,7 +176,8 @@ section {
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: rgb(70, 78, 91);
/* color: rgb(70, 78, 91); */
color: #000000;
}

@media (max-width: 1148px) {
Expand Down
11 changes: 7 additions & 4 deletions css/section-1.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,14 @@
display: block;
position: relative;
z-index: 10;
background-color: rgb(215, 240, 250);
/* background-color: rgb(215, 240, 250); */
background-color: #000000;
background-size: cover;
background-repeat: no-repeat;
will-change: background-image;
background-image: linear-gradient(0deg, rgb(215, 240, 250) -20%, rgb(255, 255, 255) 85%, rgb(255, 255, 255) 100%);
color: rgb(42, 48, 57);
background-image: linear-gradient(0deg, #F3D65E -30%, #000000 85%, #000000 100%);
/* color: rgb(42, 48, 57); */
color: #ffffff;
opacity: 0.999;
padding-top: 50px;
}
Expand Down Expand Up @@ -46,7 +48,8 @@
font-size: 16px;
line-height: 1.6;
font-weight: 400;
color: rgb(70, 78, 91);
/* color: rgb(70, 78, 91); */
color: #ffffff;
}

.top-1-buttons {
Expand Down
7 changes: 4 additions & 3 deletions css/team.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
.team-desc {
padding-bottom: 40px;
color: #fff;
max-width: 800px;
margin: auto;
}
Expand Down Expand Up @@ -27,9 +28,9 @@
transition: 0.3s;
min-width: 15%;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.2) 0px 25px 50px -12px,
rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
box-shadow:#fad225(0, 0, 0, 0.2) 0px 25px 50px -12px,
#fad225(0, 0, 0, 0.3) 0px 30px 60px -30px,
#fad225(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.person:hover {
Expand Down
Binary file added images/ecell_logo1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit fe27233

Please sign in to comment.