-
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.
* added index.html * added html template * added root folder --------- Co-authored-by: Rushikesh Satkar <[email protected]>
- Loading branch information
1 parent
7e1d2c6
commit dde0c53
Showing
1 changed file
with
127 additions
and
0 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,127 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>My Portfolio</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f4f4f4; | ||
| } | ||
| header { | ||
| background-color: #333; | ||
| color: #fff; | ||
| padding: 1rem 0; | ||
| text-align: center; | ||
| } | ||
| header h1 { | ||
| margin: 0; | ||
| } | ||
| .container { | ||
| width: 80%; | ||
| margin: auto; | ||
| overflow: hidden; | ||
| } | ||
| #about, #projects, #contact { | ||
| padding: 2rem 0; | ||
| } | ||
| #about img { | ||
| float: left; | ||
| margin-right: 2rem; | ||
| border-radius: 50%; | ||
| } | ||
| #about div { | ||
| overflow: hidden; | ||
| } | ||
| #projects .project { | ||
| background: #fff; | ||
| padding: 1rem; | ||
| margin-bottom: 1rem; | ||
| border-radius: 5px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
| } | ||
| #contact form { | ||
| background: #fff; | ||
| padding: 1rem; | ||
| border-radius: 5px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
| } | ||
| #contact form div { | ||
| margin-bottom: 1rem; | ||
| } | ||
| #contact form div label { | ||
| display: block; | ||
| margin-bottom: 0.5rem; | ||
| } | ||
| #contact form div input, #contact form div textarea { | ||
| width: 100%; | ||
| padding: 0.5rem; | ||
| border: 1px solid #ccc; | ||
| border-radius: 5px; | ||
| } | ||
| footer { | ||
| background-color: #333; | ||
| color: #fff; | ||
| text-align: center; | ||
| padding: 1rem 0; | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="container"> | ||
| <h1>My Portfolio</h1> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="container" id="about"> | ||
| <h2>About Me</h2> | ||
| <img src="profile.jpg" alt="My Profile Picture" width="150"> | ||
| <div> | ||
| <p>Hello! I'm a .NET backend developer with over 2 years of experience. I specialize in creating efficient and scalable backend systems. In my recent internship, I worked on .NET Core API development and created the backend of a Domino's-like website.</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="container" id="projects"> | ||
| <h2>Projects</h2> | ||
| <div class="project"> | ||
| <h3>Project 1</h3> | ||
| <p>Description of the first project.</p> | ||
| </div> | ||
| <div class="project"> | ||
| <h3>Project 2</h3> | ||
| <p>Description of the second project.</p> | ||
| </div> | ||
| <!-- Add more projects as needed --> | ||
| </div> | ||
|
|
||
| <div class="container" id="contact"> | ||
| <h2>Contact Me</h2> | ||
| <form action="submit_form.php" method="post"> | ||
| <div> | ||
| <label for="name">Name</label> | ||
| <input type="text" id="name" name="name" required> | ||
| </div> | ||
| <div> | ||
| <label for="email">Email</label> | ||
| <input type="email" id="email" name="email" required> | ||
| </div> | ||
| <div> | ||
| <label for="message">Message</label> | ||
| <textarea id="message" name="message" rows="4" required></textarea> | ||
| </div> | ||
| <div> | ||
| <input type="submit" value="Send"> | ||
| </div> | ||
| </form> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <p>© 2024 My Portfolio</p> | ||
| </footer> | ||
| </body> | ||
| </html> |