diff design

diiinesh · May 30, 2024 · 4ff8862 · 4ff8862
1 parent 496c6a5
commit 4ff8862
Show file tree

Hide file tree

Showing 2 changed files with 49 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -3,19 +3,28 @@
 <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>John Doe</title>
+ <title>Dinesh Amalathasan</title>
  <link rel="stylesheet" href="styles.css">
 </head>
 <body>
  <div class="container">
  <header>
- <h1>Dinesh Amalathasan</h1>
- <p>Student @ TU Darmstadt | Software Engineer @ CapGemini</p>
- <p>
+ <h1>John Doe</h1>
+ <p class="subtitle">Software Engineer at CapGemini</p>
+ <p class="subtitle">Student at TU Darmstadt</p>
+ <p class="links">
  <a href="https://www.linkedin.com/in/dinesh-amalathasan-07645a1a4/" target="_blank">LinkedIn</a> | 
  <a href="https://github.com/diiinesh" target="_blank">GitHub</a>
  </p>
  </header>
+ <section>
+ <p class="bio">
+ I am greatly interested in Artificial Intelligence and Machine Learning, with a focus on multimodal AI and Large Language Models (LLMs). I am passionate about exploring the intersection of different modalities to create more robust and intelligent systems.
+ </p>
+ </section>
+ <footer>
+ <p class="development-note">This page is in development.</p>
+ </footer>
  </div>
 </body>
-</html>
+</html>
diff --git a/styles.css b/styles.css
@@ -1,37 +1,60 @@
 body {
- font-family: Arial, sans-serif;
- line-height: 1.6;
+ font-family: 'Arial', sans-serif;
  margin: 0;
  padding: 0;
- background-color: #f4f4f4;
+ background: linear-gradient(to right, #f4f4f4, #e2e2e2);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 100vh;
  color: #333;
 }
 
 .container {
- max-width: 800px;
- margin: 0 auto;
- padding: 50px 20px;
- background: #fff;
- box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+ background: white;
+ padding: 50px 30px;
+ border-radius: 10px;
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
+ max-width: 600px;
+ width: 90%;
 }
 
 header h1 {
  margin: 0;
- font-size: 3em;
+ font-size: 2.5em;
+ color: #0073b1;
 }
 
-header p {
+.subtitle {
  margin: 10px 0;
  font-size: 1.2em;
+ color: #555;
 }
 
-header a {
+.links a {
  color: #0073b1;
  text-decoration: none;
  margin: 0 10px;
+ transition: color 0.3s ease;
 }
 
-header a:hover {
+.links a:hover {
+ color: #005582;
  text-decoration: underline;
 }
+
+.bio {
+ margin: 20px 0;
+ font-size: 1.1em;
+ color: #444;
+}
+
+footer {
+ margin-top: 30px;
+}
+
+.development-note {
+ font-size: 0.9em;
+ color: #999;
+}