Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@souvik-dey-28
souvik-dey-28 authored May 28, 2024
0 parents commit 3bb2db3
Show file tree
Hide file tree
Showing 23 changed files with 1,399 additions and 0 deletions.
2 changes: 2 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
# My-Portfolio-Website
This Project is a my personal portfolio website.
172 changes: 172 additions & 0 deletions Task1-landing page/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,172 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<style>
/* Custom styles can be added here */
@media (min-width: 768px) {
.desktop-flex {
display: flex;
flex-direction: row;
}

.desktop-flex .hero-section {
flex: 1;
}

.desktop-flex .image-section {
flex: 1;
}
}
</style>
</head>

<body class="bg-gray-100 font-sans leading-normal tracking-normal">

<!-- Header -->
<!-- Header -->
<header class="bg-white border-b border-gray-200">
<div class="container mx-auto p-6 flex justify-between items-center">
<h1 class="text-3xl font-bold">Your Website</h1>
<!-- Hamburger Menu for Mobile -->
<div class="md:hidden">
<button id="mobile-menu-button" class="text-gray-600 hover:text-gray-800 focus:outline-none">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16m-7 6h7"></path>
</svg>
</button>
</div>
<nav id="navbar" class="hidden md:flex space-x-6">
<a href="#" class="text-gray-600 hover:text-gray-800">Home</a>
<a href="#" class="text-gray-600 hover:text-gray-800">About</a>
<a href="#" class="text-gray-600 hover:text-gray-800">Services</a>
<a href="#" class="text-gray-600 hover:text-gray-800">Contact</a>
</nav>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="md:hidden bg-gray-100 hidden">
<a href="#" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-200">Home</a>
<a href="#" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-200">About</a>
<a href="#" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-200">Services</a>
<a href="#" class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-200">Contact</a>
</div>
</header>
<hr>
<!-- Content -->
<div class="container mx-auto py-6 px-6">
<!-- Your content goes here -->
</div>

<script>
// Toggle mobile menu
document.getElementById('mobile-menu-button').addEventListener('click', function() {
var mobileMenu = document.getElementById('mobile-menu');
mobileMenu.classList.toggle('hidden');
});
</script>



<!-- Hero and Image Section -->
<section class="py-24">
<div class="container mx-auto px-6">
<div class="desktop-flex flex-col md:flex-row">
<!-- Hero Section -->
<div class="hero-section md:w-1/2">
<div class="text-center">
<h2 class="text-5xl font-bold mb-6">Welcome to Our Website</h2>
<p class="text-xl mb-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="#"
class="bg-white text-blue-500 font-semibold py-3 px-8 rounded-lg shadow-lg hover:bg-blue-400 hover:text-white transition duration-300">Get
Started</a>
</div>
</div>
<!-- Image Section -->
<div class="image-section md:w-1/2 text-center md:text-left p-7">
<img src="https://via.placeholder.com/800" alt="Placeholder Image"
class="rounded-lg shadow-lg mx-auto md:mx-0">
</div>
</div>
<hr class="bg-gray-500">

<!-- Content Section -->
<section class="bg-gray-100 py-24">
<div class="container mx-auto px-6">
<h2 class="text-4xl font-bold text-center mb-12">Our Services</h2>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-12">
<div class="bg-white rounded-lg shadow-lg p-6">
<h3 class="text-2xl font-semibold mb-4">Service 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.</p>
</div>
<div class="bg-white rounded-lg shadow-lg p-6">
<h3 class="text-2xl font-semibold mb-4">Service 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.</p>
</div>
<div class="bg-white rounded-lg shadow-lg p-6">
<h3 class="text-2xl font-semibold mb-4">Service 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</section>

</div>
</section>

<!-- Footer -->
<!-- Footer -->
<footer class="bg-gray-800 text-white py-8">
<div class="container mx-auto px-6">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Footer Section 1 -->
<div>
<h3 class="text-lg font-semibold mb-4">About Us</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua.</p>
</div>
<!-- Footer Section 2 -->
<div>
<h3 class="text-lg font-semibold mb-4">Quick Links</h3>
<ul>
<li><a href="#" class="hover:text-gray-300">Home</a></li>
<li><a href="#" class="hover:text-gray-300">About</a></li>
<li><a href="#" class="hover:text-gray-300">Services</a></li>
<li><a href="#" class="hover:text-gray-300">Contact</a></li>
</ul>
</div>
<!-- Footer Section 3 -->
<div>
<h3 class="text-lg font-semibold mb-4">Contact Us</h3>
<p>123 Main Street, City, Country</p>
<p>Email: info@example.com</p>
<p>Phone: +123 456 7890</p>
</div>
<!-- Footer Section 4 -->
<div>
<h3 class="text-lg font-semibold mb-4">Follow Us</h3>
<ul>
<li><a href="#" class="hover:text-gray-300">Facebook</a></li>
<li><a href="#" class="hover:text-gray-300">Twitter</a></li>
<li><a href="#" class="hover:text-gray-300">Instagram</a></li>
<li><a href="#" class="hover:text-gray-300">LinkedIn</a></li>
</ul>
</div>
</div>
<!-- Copyright -->
<div class="mt-8 text-center">
<p>&copy; 2024 Your Website. All rights reserved.</p>
</div>
</div>
</footer>

</body>

</html>
Binary file added task2-profolio/2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/4.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/README.md
Binary file not shown.
Binary file added task2-profolio/SOUVIK.pdf
Binary file not shown.
Binary file added task2-profolio/a1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/a3.mp4
Binary file not shown.
Binary file added task2-profolio/bengal-college-engineering-and-technology-durgapur.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/bus.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/ecommerce.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added task2-profolio/g1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 3bb2db3

Please sign in to comment.