Skip to content

Commit

Permalink
Merge branch 'main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
Darpana Desai authored Oct 31, 2024
2 parents 37fbfdf + 184827d commit 73fa2bf
Show file tree
Hide file tree
Showing 6 changed files with 554 additions and 291 deletions.
445 changes: 248 additions & 197 deletions README.md
View file

Large diffs are not rendered by default.

70 changes: 54 additions & 16 deletions assets/css/darkmode.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -504,19 +504,47 @@ body.nav-active {
padding: 3rem;
}

.E-book-button {
position: fixed;
left: 20px;
bottom: 80px;
background-color: #FF4D4D;
color: white;
padding: 15px;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1001;
}

.feedback-button {
position: fixed;
left: 20px;
bottom: 20px;
bottom: 20px; /* Position for the Feedback button */
background-color: #FF4D4D;
color: white;
padding: 15px;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1000;
z-index: 1000; /* Ensure it is on top */
}

.E-book-button {
position: fixed;
left: 20px;
bottom: 80px; /* Adjusted to be above the Feedback button */
background-color: #FF4D4D;
color: white;
padding: 15px;
border-radius: 5px;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 1001; /* Higher z-index to ensure it appears above */
}



.feedback-modal {
display: none;
position: fixed;
Expand All @@ -534,7 +562,7 @@ body.nav-active {
background-color: #3C3C3C;
padding: 20px;
border-radius: 5px;
width: 300px;
width: 450px;
text-align: center;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
Expand All @@ -544,6 +572,7 @@ body.nav-active {
float: right;
font-size: 28px;
font-weight: bold;
display: flex;
}

.close:hover,
Expand All @@ -553,6 +582,7 @@ body.nav-active {
cursor: pointer;
}

/* Styling for Emoji Section */
.emojis {
font-size: 30px;
margin: 20px 0;
Expand All @@ -561,22 +591,31 @@ body.nav-active {
justify-content: space-evenly;
}

.emoji {
.emoji-option {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
margin: 0 10px;
transition: transform 0.2s;
}

.emoji:hover {
.emoji-option p {
margin-top: 5px;
font-size: 14px;
color: #ffffff;
}

.emoji-option:hover .emoji {
transform: scale(1.2);
}

.emoji.selected {
border: 1px solid black;
/* Highlight selected emoji */
border: 2px solid #4caf50;
border-radius: 5px;
}

/* Step Navigation Buttons */
.buttons {
display: flex;
align-items: center;
Expand All @@ -588,7 +627,7 @@ input[type="email"] {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border: 1px solid #ccc;
border-radius: 4px;
}

Expand All @@ -601,17 +640,13 @@ button {
cursor: pointer;
}

button:hover {
background-color: #45a049;
}

.feedbackPopUp {
.feedbackRequestPopUps {
position: fixed;
transform: translate(120%);
transition: all 1s ease-in-out;
transition: all 0.1s ease-in-out;
right: 20px;
bottom: 100px;
background-color: hsl(357, 100%, 75%);
background-color: #FF4D4D;
color: white;
padding: 15px;
border-radius: 5px;
Expand All @@ -620,12 +655,15 @@ button:hover {
z-index: 1000;
}

button:hover {
background-color: #45a049;
}

.PopUpDisplay {
transition: all 1.5s ease-in-out;
transform: translate(0);
}


/*-----------------------------------*\
#CATEGORY
\*-----------------------------------*/
Expand Down
100 changes: 97 additions & 3 deletions assets/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,7 +85,7 @@ html {
*::after {
margin: 0;
padding: 0;
box-sizing: border-box;
/* box-sizing: border-box; */
}

li {
Expand Down Expand Up @@ -294,7 +294,30 @@ body.nav-active .navbar-list .navbar-link {
display: grid;
gap: 28px;
}

.grid-list-price {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
}
.card-container-price {
padding: 2px;
font-size: 0.99rem;
}
.card-container-price-pro {
padding: 2px;
font-size: 0.94rem;
}
.card-container-price-pro .card-title {
font-size: 1.6rem;
}
.card-container-price .card-title {
font-size: 1.6rem;
}
#btn {
padding: 7px 14px;
font-size: 0.5rem;
}
.card {
position: relative;
background-color: var(--white);
Expand Down Expand Up @@ -1469,6 +1492,76 @@ button:hover {
transform: scale(1.1);
}

/*-----------------------------------*\
#CONTACT US SECTION IN BLOG
\*-----------------------------------*/
/* Styling for the custom contact section */
#custom-contact.cta-custom {
background-color: #008080; /* Keeping the theme's teal color */
padding: 50px 0; /* Reduced padding for a balanced height */
}

#custom-contact .container-custom {
display: flex;
flex-direction: column;
align-items: center;
max-width: 600px;
margin: 0 auto; /* Center the form within the container */
}

/* Section title */
#custom-contact .section-title-custom {
color: #ffffff; /* White text for contrast */
margin-bottom: 30px;
font-size: 28px; /* Larger title but keeping it compact */
text-align: center; /* Center the title */
}

/* Custom contact form styling */
#custom-contact-form {
width: 100%;
background-color: #ffffff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Light shadow */
}

/* Input fields and textarea */
#custom-contact-form input, #custom-contact-form textarea {
width: 100%;
padding: 12px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 16px;
}

/* Textarea size adjustment */
#custom-contact-form textarea {
height: 120px;
}

/* Button styling */
#custom-contact-form button {
display: block;
width: 100%;
padding: 12px;
background-color: #008080;
color: #ffffff;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}

/* Button hover effect */
#custom-contact-form button:hover {
background-color: #006666; /* Darken on hover */
}



/*-----------------------------------*\
#CONTAINER QUERIES
\*-----------------------------------*/
Expand Down Expand Up @@ -1599,6 +1692,7 @@ button:hover {
font-size: 1.8rem;
border-radius: 10px;
color: #fff;
margin-top: 25px;
}

/**
Expand Down Expand Up @@ -1628,7 +1722,7 @@ button:hover {


.navbar-link {
padding: 8px 16px;
padding: 8px 13px;
}

.header .btn {
Expand Down
16 changes: 14 additions & 2 deletions careers.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -128,7 +128,7 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
</div>
<div class="form-group mb-3">
<label class="fw-bold" for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" maxlength="50" required>
<input type="tel" id="phone" name="phone" pattern="[0-9]+" maxlength="50" required title="Please enter only digits">
</div>
<div class="form-group mb-3 my-4">
<label for="position" class="fw-bold">Position:</label>
Expand All @@ -145,7 +145,7 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>

<div class="form-group mb-3">
<label class="fw-bold" for="start-date">Start Date: </label>
<input type="date" id="start-date" name="start-date" required>
<input type="date" id="start-date" name="start-date" required min="0000-01-01" max="9999-12-31" pattern="\d{4}-\d{2}-\d{2}" title="Please enter a date with a 4-digit year">
</div>
<div class="form-group mb-3">
<label class="fw-bold" for="cv-linkedin">Link to CV/LinkedIn: </label>
Expand Down Expand Up @@ -189,6 +189,18 @@ <h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
this.reset();
});
</script>

<script>
document.getElementById('start-date').addEventListener('input', function () {
const inputDate = this.value;
const year = inputDate.split('-')[0];
if (year.length > 4) {
this.value = inputDate.slice(0, 4) + inputDate.slice(5); // Trims additional digits
}
});
</script>


</body>

</html>
Loading

0 comments on commit 73fa2bf

Please sign in to comment.