-
-
Notifications
You must be signed in to change notification settings - Fork 19
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
14 changed files
with
450 additions
and
65 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>About Me</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| background-color: #f4f4f9; | ||
| color: #333; | ||
| margin: 0; | ||
| padding: 0; | ||
| display: flex; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: 100vh; | ||
| } | ||
| .about-me-container { | ||
| text-align: center; | ||
| background: #fff; | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); | ||
| max-width: 400px; | ||
| } | ||
| img { | ||
| border-radius: 50%; | ||
| width: 150px; | ||
| height: 150px; | ||
| object-fit: cover; | ||
| margin-bottom: 20px; | ||
| } | ||
| h1 { | ||
| font-size: 24px; | ||
| margin-bottom: 10px; | ||
| } | ||
| p { | ||
| font-size: 16px; | ||
| line-height: 1.6; | ||
| margin-bottom: 20px; | ||
| } | ||
| .more-profile-links { | ||
| display: inline-block; | ||
| background-color: #007BFF; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| padding: 10px 20px; | ||
| border-radius: 25px; | ||
| font-size: 16px; | ||
| font-weight: bold; | ||
| margin-top: 20px; | ||
| transition: background-color 0.3s ease; | ||
| } | ||
| .more-profile-links:hover { | ||
| background-color: #0056b3; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div class="about-me-container"> | ||
| <a href="https://ibb.co/dpV3R54"> | ||
| <img src="https://i.ibb.co/M1tjmCk/profile.jpg" alt="profile"> | ||
| </a> | ||
| <h1>Avik Sarkar</h1> | ||
| <p> | ||
| I am a Test Engineer at Google with extensive experience in the tech industry, | ||
| starting my career at Samsung Research and contributing over 5 years. I hold a Bachelor's degree | ||
| from Comilla University (2018 graduate). | ||
| </p> | ||
| <p> | ||
| My technical expertise includes test automation, Bluetooth protocol development, and software quality assurance. | ||
| </p> | ||
| <a href="https://topmate.io/aviksarkar/" class="more-profile-links" target="_blank">Get 1:1 Career Mentorship</a> | ||
| <a href="https://linktr.ee/avik_sarkar" class="more-profile-links" target="_blank">View My Extended Profile</a> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,152 @@ | ||
| .content-item a img{ | ||
| height: auto; | ||
| width: 60%; | ||
| padding: 10px; | ||
| flex: 1; | ||
| } | ||
| #noticeListContainer { | ||
| border: 2px dashed red; | ||
| padding: 10px; | ||
| border-radius: 5px; | ||
| margin-top: 15px; | ||
| font-family: Verdana, Geneva, Tahoma, sans-serif; | ||
| background-color: #f8f6f6; /* Light gray background */ | ||
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Gray shadow */ | ||
| } | ||
|
|
||
| #noticeTitle { | ||
| font-size: 15px; | ||
| color: #336699; /* Eye-soothing color */ | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| #noticeList { | ||
| list-style-type: decimal; | ||
| } | ||
|
|
||
| #noticeList li { | ||
| font-size: 12px; | ||
| margin-bottom: 5px; | ||
| color: dodgerblue; | ||
| } | ||
|
|
||
| /* Basic styling for tabs */ | ||
| .tab-container { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .tab-buttons { | ||
| display: flex; | ||
| border-bottom: 2px solid #ddd; | ||
| } | ||
|
|
||
| .tab-buttons button { | ||
| padding: 10px 20px; | ||
| cursor: pointer; | ||
| font-family: 'Segoe UI', sans-serif; | ||
| background-color: #f1f1f1; | ||
| border: none; | ||
| outline: none; | ||
| transition: background-color 0.3s; | ||
| } | ||
|
|
||
| .tab-buttons button.active { | ||
| background-color: #ddd; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| .tab-content { | ||
| display: none; | ||
| padding: 20px; | ||
| border: 1px solid #ddd; | ||
| font-family: 'Segoe UI', sans-serif; | ||
| } | ||
|
|
||
| .tab-content.active { | ||
| display: block; | ||
| } | ||
| .company_info_header { | ||
| font-family: 'Playfair', serif; | ||
| font-style: italic; | ||
| font-weight: bold; | ||
| border-bottom: 2px solid indigo; | ||
| padding-bottom: 2px; | ||
| } | ||
| /* Flex container for side-by-side divs */ | ||
| .flex-container { | ||
| display: flex; | ||
| width: 100%; | ||
| gap: 20px; | ||
| } | ||
|
|
||
| /* DIV1 with 30% width */ | ||
| #topicsDiv { | ||
| flex: 0 0 30%; | ||
| border: 1px solid #ccc; | ||
| padding: 10px; | ||
| box-sizing: border-box; | ||
| overflow-y: auto; /* Enable scroll for overflow */ | ||
| height: 600px; | ||
| max-height: 600px; | ||
| } | ||
|
|
||
| /* DIV2 with 70% width */ | ||
| #questionsDiv { | ||
| flex: 0 0 70%; | ||
| border: 1px solid #ccc; | ||
| padding: 10px; | ||
| box-sizing: border-box; | ||
| overflow-y: auto; /* Enable scroll for overflow */ | ||
| height: 600px; | ||
| max-height: 600px; | ||
| } | ||
|
|
||
| /* Scoped styling for DIV1 table (companyNameTable) */ | ||
| #companyNameTable { | ||
| width: 100%; | ||
| border-collapse: collapse; | ||
| } | ||
|
|
||
| #companyNameTable th, #companyNameTable td { | ||
| padding: 8px; | ||
| border: 1px solid #ddd; | ||
| text-align: left; | ||
| } | ||
|
|
||
| #companyNameTable th { | ||
| background-color: #f1f1f1; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| /* Scoped styling for DIV2 table (questionsByCompanyTable) */ | ||
| #questionsByCompanyTable { | ||
| width: 100%; | ||
| border-collapse: collapse; | ||
| } | ||
|
|
||
| #questionsByCompanyTable th, #questionsByCompanyTable td { | ||
| padding: 8px; | ||
| border: 1px solid #ddd; | ||
| text-align: left; | ||
| } | ||
|
|
||
| #questionsByCompanyTable th { | ||
| background-color: #f1f1f1; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| #companyNameTable tbody tr:hover { | ||
| cursor: pointer; | ||
| background-color: #f0f0f0; | ||
| } | ||
|
|
||
| #companyNameTable, | ||
| #companyNameTable th, | ||
| #companyNameTable td { | ||
| border-left: none; | ||
| border-right: none; | ||
| } | ||
|
|
||
| .selected-row { | ||
| background-color: #d0e0f0; /* Light blue background or your preferred color */ | ||
| } |
Oops, something went wrong.