-
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.
- Loading branch information
1 parent
caca174
commit 195b011
Showing
2 changed files
with
75 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,75 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <link rel="shortcut icon" href="logo.png" type="image/x-icon"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>My Projects</title> | ||
| <style> | ||
| body { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| justify-content: space-around; | ||
| margin: 10px; | ||
| background-color: #312b2b; | ||
| color: #eee; /* Changed text color to light gray */ | ||
| font-family: 'Arial', sans-serif; /* Added font-family for better readability */ | ||
| } | ||
|
|
||
| div { | ||
| text-align: center; | ||
| margin: 10px; | ||
| padding: 15px; | ||
| background-color: #444; /* Added background color for the project containers */ | ||
| border-radius: 15px; | ||
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Added box shadow for a subtle lift */ | ||
| } | ||
|
|
||
| iframe { | ||
| border: 2px solid #ccc; | ||
| border-radius: 10px; | ||
| max-width: 100%; | ||
| } | ||
|
|
||
| p { | ||
| margin-top: 10px; | ||
| color: #fff; /* Changed text color to white */ | ||
| } | ||
|
|
||
| a { | ||
| color: #5cb85c; /* Changed link color to a green shade */ | ||
| text-decoration: none; | ||
| font-weight: bold; | ||
| } | ||
|
|
||
| a:hover { | ||
| color: #4cae4c; /* Darker green on hover for better feedback */ | ||
| } | ||
| </style> | ||
| </head> | ||
| <body> | ||
| <div> | ||
| <iframe src="https://guruakash.me/projects/calculator" height="500px" width="600px"></iframe> | ||
| <p>Calculator - A simple web calculator. <a href="https://guruakash.me/projects/calculator">Visit Site --></a></p> | ||
| </div> | ||
| <br> | ||
| <div> | ||
| <iframe src="https://guruakash.me/projects/ToDoList" height="500px" width="600px"></iframe> | ||
| <p>To-Do List - Keep track of your tasks. <a href="https://guruakash.me/projects/ToDoList">Visit Site --></a></p> | ||
| </div> | ||
| <br> | ||
| <div> | ||
| <iframe src="https://guruakash.me/projects/flames" height="520px" width="600px"></iframe> | ||
| <p>FLAMES Game - A fun game to check compatibility. <a href="https://guruakash.me/projects/flames">Visit Site --></a></p> | ||
| </div> | ||
| <br> | ||
| <center> | ||
| <div> | ||
| <iframe src="https://guruakash.me/projects/rock-paper-scissor" height="650px" width="600px"></iframe> | ||
| <p>Rock-Paper-Scissors Game - Play against the computer. <a href="https://guruakash.me/projects/rock-paper-scissor">Visit Site --></a></p> | ||
| </div> | ||
| </center> | ||
| <br> | ||
|
|
||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.