-
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
9a9a6ff
commit c0bc281
Showing
1 changed file
with
1 addition
and
100 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 |
|---|---|---|
| @@ -1,100 +1 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Portfolio</title> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"> | ||
| </head> | ||
| <body class="bg-gray-100 text-gray-800"> | ||
| <header class="bg-white shadow"> | ||
| <div class="container mx-auto p-6 flex justify-between items-center"> | ||
| <h1 class="text-3xl font-bold">Portfolio</h1> | ||
| <nav> | ||
| <ul class="flex space-x-4"> | ||
| <li><a href="#about" class="text-blue-600 hover:underline">About</a></li> | ||
| <li><a href="#projects" class="text-blue-600 hover:underline">Projects</a></li> | ||
| <li><a href="#contact" class="text-blue-600 hover:underline">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <main class="container mx-auto p-6"> | ||
| <!-- About Section --> | ||
| <section id="about" class="my-12"> | ||
| <h2 class="text-2xl font-bold mb-4">About Me</h2> | ||
| <p class="text-gray-700 leading-relaxed"> | ||
| Hello! I'm IsMaiL LaBiaDe , a passionate freelancer with expertise in Copywriter. | ||
| I enjoy creating innovative solutions and bringing ideas to life through code, design, writing. | ||
| </p> | ||
| </section> | ||
|
|
||
| <!-- Projects Section --> | ||
| <section id="projects" class="my-12"> | ||
| <h2 class="text-2xl font-bold mb-4">Projects</h2> | ||
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"> | ||
|
|
||
| <!-- Project 1 --> | ||
| <div class="bg-white rounded-lg shadow p-4"> | ||
| <h3 class="text-xl font-semibold">Project 1</h3> | ||
| <p class="text-gray-600"> ultimate guide to exploring and writing about Japan .</p> | ||
| <a href="https://heiwanoumi.github.io/" class="text-blue-600 hover:underline">View Details</a> | ||
| </div> | ||
|
|
||
| <!-- Project 2 --> | ||
| <div class="bg-white rounded-lg shadow p-4"> | ||
| <h3 class="text-xl font-semibold">Project 2</h3> | ||
| <p class="text-gray-600">Unique finds crafted with care—shop now!</p> | ||
| <a href="http://unit-modulation.ddns.net/" class="text-blue-600 hover:underline">View Details</a> | ||
| </div> | ||
| <!-- Add more projects as needed --> | ||
| <!-- Project 3 --> | ||
| <div class="bg-white rounded-lg shadow p-4"> | ||
| <h3 class="text-xl font-semibold">Project 3</h3> | ||
| <p class="text-gray-600">email management, security, contact management, and automation, helping individuals and businesses communicate effectively through email. </p> | ||
| <a href="http://unit-modulation.ddns.net/mail" class="text-blue-600 hover:underline">View Details</a> | ||
| </div> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
| <!-- More Public Projects --> | ||
| <div> | ||
| <center> | ||
| <h3 class="text-xl font-semibold">More Public Projects</h3> | ||
| <p class="text-gray-600"> Only Public Projects </p> | ||
| <a href="https://github.com/IsMaiLLaBiaDe?tab=repositories" class="text-blue-600 hover:underline">View Details</a> | ||
| </center> | ||
| </div> | ||
| <center> | ||
| <!-- Contact Section --> | ||
| <section id="contact" class="my-12"> | ||
| <h2 class="text-2xl font-bold mb-4">Contact Me</h2> | ||
| <form action="mailto:[email protected]" method="POST" class="bg-white rounded-lg shadow p-6"> | ||
| <div class="mb-4"> | ||
| <label for="name" class="block text-sm font-medium text-gray-700">Name</label> | ||
| <input type="text" id="name" name="name" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" required> | ||
| </div> | ||
| <div class="mb-4"> | ||
| <label for="email" class="block text-sm font-medium text-gray-700">Email</label> | ||
| <input type="email" id="email" name="email" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" required> | ||
| </div> | ||
| <div class="mb-4"> | ||
| <label for="message" class="block text-sm font-medium text-gray-700">Message</label> | ||
| <textarea id="message" name="message" rows="4" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" required></textarea> | ||
| </div> | ||
| <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-lg shadow hover:bg-blue-700"> | ||
| Send Message | ||
| </button> | ||
| </form> | ||
| </section> | ||
| </main> | ||
| </center> | ||
| <footer class="bg-gray-800 text-white py-6"> | ||
| <div class="container mx-auto text-center"> | ||
| <p>© 2025 IsMaiL LaBiaDe. All rights reserved.</p> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
| </html> | ||
| <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Portfolio</title><link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet"></head><body class="bg-gray-100 text-gray-800"><header class="bg-white shadow"><div class="container mx-auto p-6 flex justify-between items-center"><h1 class="text-3xl font-bold">Portfolio</h1><nav><ul class="flex space-x-4"><li><a href="#about" class="text-blue-600 hover:underline">About</a></li><li><a href="#projects" class="text-blue-600 hover:underline">Projects</a></li><li><a href="#contact" class="text-blue-600 hover:underline">Contact</a></li></ul></nav></div></header><main class="container mx-auto p-6"><section id="about" class="my-12"><h2 class="text-2xl font-bold mb-4">About Me</h2><p class="text-gray-700 leading-relaxed">Hello! I'm IsMaiL LaBiaDe , a passionate freelancer with expertise in Copywriter. I enjoy creating innovative solutions and bringing ideas to life through code, design, writing.</p></section><section id="projects" class="my-12"><h2 class="text-2xl font-bold mb-4">Projects</h2><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="bg-white rounded-lg shadow p-4"><h3 class="text-xl font-semibold">Project 1</h3><p class="text-gray-600">ultimate guide to exploring and writing about Japan .</p><a href="https://heiwanoumi.github.io/" class="text-blue-600 hover:underline">View Details</a></div><div class="bg-white rounded-lg shadow p-4"><h3 class="text-xl font-semibold">Project 2</h3><p class="text-gray-600">Unique finds crafted with care—shop now!</p><a href="http://unit-modulation.ddns.net/" class="text-blue-600 hover:underline">View Details</a></div><div class="bg-white rounded-lg shadow p-4"><h3 class="text-xl font-semibold">Project 3</h3><p class="text-gray-600">email management, security, contact management, and automation, helping individuals and businesses communicate effectively through email.</p><a href="http://unit-modulation.ddns.net/mail" class="text-blue-600 hover:underline">View Details</a></div></div></section><div><center><h3 class="text-xl font-semibold">More Public Projects</h3><p class="text-gray-600">Only Public Projects</p><a href="https://github.com/IsMaiLLaBiaDe?tab=repositories" class="text-blue-600 hover:underline">View Details</a></center></div><center><section id="contact" class="my-12"><h2 class="text-2xl font-bold mb-4">Contact Me</h2><form action="mailto:[email protected]" method="POST" class="bg-white rounded-lg shadow p-6"><div class="mb-4"><label for="name" class="block text-sm font-medium text-gray-700">Name</label><input type="text" id="name" name="name" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" required></div><div class="mb-4"><label for="email" class="block text-sm font-medium text-gray-700">Email</label><input type="email" id="email" name="email" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" required></div><div class="mb-4"><label for="message" class="block text-sm font-medium text-gray-700">Message</label><textarea id="message" name="message" rows="4" class="mt-1 block w-full border-gray-300 rounded-md shadow-sm" required></textarea></div><button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded-lg shadow hover:bg-blue-700">Send Message</button></form></section></main><footer class="bg-gray-800 text-white py-6"><div class="container mx-auto text-center"><p>© 2025 IsMaiL LaBiaDe. All rights reserved.</p></div></footer></body></html> |