PROGRESS REPORT 4: WD WORKSHOP
NAME: KASAK JAIN
ROLL NO:2300290130085
SEC: B1
TEAMMATE- HIRDYANSH
TEAMMATE ROLL NO:2300290130095
CODING PART:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Artist Portfolio</title>
<link rel="stylesheet" href="page.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/
css/all.min.css">
</head>
<body>
<header>
<nav>
<h1 style="font-style: italic;">BRO's Folio</h1>
<input
type="text"
id="search-bar"
placeholder="Search the creative world at work"
/>
<div class="auth-buttons">
<a href="signup.html"> <button class="btn" >Login</button></a>
<a href="login.html"><button class="btn signup" onclick="window.location.href='#'">Sign
Up</button></a>
</div>
</nav>
</header>
<section id="portfolio">
<a style="color: black;" href="portfolio1.html">
<div class="portfolio-container">
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
231251.png" alt="Portfolio 1 Image" class="image"/>
<div class="info">
<h3>Batman Game Concept</h3>
<p>Apo Genc</p>
</div>
</div>
</a>
<a href="port2.html" style="color:black">
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
232809.png" alt="Portfolio 2 Image" class="image"/>
<div class="info">
<h3>F1 Drive</h3>
<p>Mclaren x OKX</p>
</div>
</div>
</a>
<a href="port3.html" style="color: black;">
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
232526.png" alt="Portfolio 3 Image" class="image"/>
<div class="info">
<h3>Visionary Art</h3>
<p>Beyza Kıymık</p>
</div>
</div>
</a>
<a style="color: black;" href="port4.html">
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\port4\Screenshot 2024-11-
13 232455.png" alt="Portfolio 4 Image" class="image"/>
<div class="info">
<h3>Femme Vibe</h3>
<p> Tuan Anh</p>
</div>
</div>
</a>
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
231329.png" alt="Portfolio 5 Image" class="image"/>
<div class="info">
<h3>Homme Essence</h3>
<p>Thuy Nguyen</p>
</div>
</div>
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
231311.png" alt="Portfolio 6 Image" class="image"/>
<div class="info">
<h3>Creative Chronicles</h3>
<p>OKX</p>
</div>
</div>
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
232549.png" alt="Portfolio 7 Image" class="image"/>
<div class="info">
<h3>Pages of Inspiration</h3>
<p>Oleg Pavlov</p>
</div>
</div>
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
232615.png" alt="Portfolio 8 Image" class="image"/>
<div class="info">
<h3>Galactic Odyssey</h3>
<p>Arianna Garcia</p>
</div>
</div>
<div class="portfolio-item">
<img src="C:\Users\hirdy\OneDrive\Desktop\ARTIST PORTFOLIO\Screenshot 2024-11-13
232631.png" alt="Portfolio 9 Image" class="image"/>
<div class="info">
<h3>Anime Dimensions</h3>
<p>Maria Ivchenko</p>
</div>
</div>
</div>
</section>
<section id="about-us">
<div class="about-us-container">
<h2>About Us</h2>
<p>Welcome to BRO's Folio, a collection of creative works from passionate and talented artists
around the world. Our aim is to showcase the latest and greatest in art, design, and imagination.
With an ever-growing portfolio, we strive to provide an inspiring space for both artists and art
lovers.</p>
<p>Each piece in our portfolio tells a unique story and is a testament to the creativity and vision
of our featured artists. We are committed to showcasing a wide range of artistic expressions, from
digital concepts to graphic designs, photography, and more.</p>
</div>
</section>
<footer>
<div class="footer-container">
<div class="social-links">
<a href="https://www.instagram.com/hirdyansh_saxena" target="_blank" class="social-
icon">
<i class="fab fa-instagram"></i> Instagram
</a>
<a href="https://www.linkedin.com/in/hirdyansh-saxena-33228a267/" target="_blank"
class="social-icon">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
<a href="mailto:[email protected]" class="social-icon">
<i class="fas fa-envelope"></i> Contact Us
</a>
</div>
<p>© 2024 Artist Portfolio. All rights reserved.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>
