-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Add profile picture and make the design responsive
- Loading branch information
1 parent
81c4fe3
commit fcef6fb
Showing
5 changed files
with
64 additions
and
23 deletions.
There are no files selected for viewing
Binary file not shown.
Binary file not shown.
Binary file not shown.
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 |
|---|---|---|
| @@ -1,38 +1,79 @@ | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta name="description" content="Viraj Mahesh - Senior Product Manager at YouTube, UC Berkeley graduate"> | ||
| <meta name="author" content="Viraj Mahesh"> | ||
| <meta name="keywords" content="Viraj Mahesh, YouTube, Product Manager, UC Berkeley, EECS"> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <meta | ||
| name="description" | ||
| content="Viraj Mahesh - Senior Product Manager at YouTube, UC Berkeley graduate" | ||
| /> | ||
| <meta name="author" content="Viraj Mahesh" /> | ||
| <meta | ||
| name="keywords" | ||
| content="Viraj Mahesh, YouTube, Product Manager, UC Berkeley, EECS" | ||
| /> | ||
| <title>Viraj Mahesh</title> | ||
| <style> | ||
| body { | ||
| font-size: x-large; | ||
| font-size: 16px; | ||
| line-height: 1.6; | ||
| margin: 0; | ||
| padding: 20px; | ||
| } | ||
| .container { | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| max-width: 800px; | ||
| margin: 0 auto; | ||
| } | ||
| .profile-image { | ||
| width: 200px; | ||
| height: 200px; | ||
| margin-bottom: 20px; | ||
| } | ||
| .content { | ||
| text-align: left; | ||
| } | ||
| a { | ||
| font-size: large; | ||
| font-size: 16px; | ||
| } | ||
| a:hover { | ||
| text-decoration: underline; | ||
| } | ||
| @media (min-width: 768px) { | ||
| .container { | ||
| flex-direction: row; | ||
| align-items: flex-start; | ||
| } | ||
| .profile-image { | ||
| margin-right: 40px; | ||
| margin-bottom: 0; | ||
| } | ||
| .content { | ||
| text-align: left; | ||
| } | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div> | ||
| <p> | ||
| Hi, I'm Viraj Mahesh. I'm a Senior Product Manager at YouTube where I | ||
| work on the video watch page. | ||
| </p> | ||
| </div> | ||
| <div> | ||
| <p> | ||
| Before YouTube, I received my B.S. in Electrical Engineering and | ||
| Computer Science from UC Berkeley. | ||
| </p> | ||
| <div class="container"> | ||
| <img | ||
| src="assets/profile.webp" | ||
| alt="Viraj Mahesh" | ||
| class="profile-image" | ||
| /> | ||
| <div class="content"> | ||
| <p> | ||
| Hi, I'm Viraj. I'm a Senior Product Manager at YouTube. Before YouTube, I received my B.S. in Electrical | ||
| Engineering and Computer Science from UC Berkeley. | ||
| </p> | ||
| <p> | ||
| <a href="assets/resume.pdf">Resume</a>. | ||
| <a href="https://linkedin.com/in/virajmahesh">LinkedIn</a>. | ||
| <a href="https://github.com/virajmahesh">GitHub</a>. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| <p> | ||
| <a href="assets/resume.pdf">Resume</a>. | ||
| <a href="https://linkedin.com/in/virajmahesh">LinkedIn</a>. | ||
| <a href="https://github.com/virajmahesh">GitHub</a>. | ||
| </p> | ||
| </body> | ||
| </html> |