-
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
0 parents
commit ac36159
Showing
16 changed files
with
3,321 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,216 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Artisan Profiles - Visakhapatnam Crafts Marketplace</title> | ||
| <style> | ||
| body { | ||
| font-family: Arial, sans-serif; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-image: url(images/background.jpg); | ||
| color: brown; | ||
| } | ||
|
|
||
| header { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| padding: 10px 20px; | ||
| background-color: #333; | ||
| color: white; | ||
| } | ||
|
|
||
| .logo { | ||
| font-size: 24px; | ||
| } | ||
|
|
||
| .nav1 { | ||
| width: 90vw; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .logo { | ||
| font-size: 24px; | ||
| width: 90vw; | ||
| padding: 10px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| nav ul { | ||
| list-style: none; | ||
| display: flex; | ||
| gap: 20px; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| nav ul li { | ||
| display: inline; | ||
| } | ||
|
|
||
| nav ul li a { | ||
| color: white; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .artisan-profiles { | ||
| padding: 20px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .profiles-grid { | ||
| display: flex; | ||
| flex-wrap: wrap; | ||
| gap: 20px; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .profile-card { | ||
| border: 1px solid #ddd; | ||
| padding: 10px; | ||
| width: calc(33.333% - 100px); | ||
| box-sizing: border-box; | ||
| text-align: center; | ||
| background-color: rgb(122, 122, 122, 0.5); | ||
| border-radius: 50px; | ||
| padding: 20px; | ||
| } | ||
|
|
||
| .profile-card img { | ||
| height: 250px; | ||
| aspect-ratio: 1; | ||
| object-fit: cover; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| footer { | ||
| background-color: #333; | ||
| color: white; | ||
| padding: 20px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| gap: 10px; | ||
| } | ||
|
|
||
| .footer-links, | ||
| .footer-links a { | ||
| color: white; | ||
| text-decoration: none; | ||
| } | ||
|
|
||
| .social-media img { | ||
| width: 24px; | ||
| margin: 0 5px; | ||
| } | ||
|
|
||
| .newsletter input { | ||
| padding: 5px; | ||
| margin-right: 5px; | ||
| } | ||
| .profile-card a{ | ||
| text-decoration: none; | ||
| color: brown; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!-- Header --> | ||
| <header> | ||
| <div class="div"> | ||
| <div class="logo">Kala Krithi</div> | ||
| <nav class="nav1"> | ||
| <ul> | ||
| <li><a href="index.html">Home</a></li> | ||
| <li><a href="#aboutus">About Us</a></li> | ||
| <li><a href="#shop">Shop</a></li> | ||
| <li><a href="artists.html">Artisans</a></li> | ||
| <li><a href="#footer">Contact</a></li> | ||
| <li><a href="cart.html">Cart</a></li> | ||
| <li><a href="sellerform.html">Become a Seller</a></li> | ||
| </ul> | ||
| </nav> | ||
| </div> | ||
| </header> | ||
|
|
||
| <!-- Artisan Profiles --> | ||
| <section class="artisan-profiles"> | ||
| <h2>Meet Our Artisans</h2> | ||
| <div class="profiles-grid"> | ||
| <div class="profile-card"> | ||
| <a href="p1.html"> | ||
| <img src="images/p1.jpg" alt="Artisan 1"> | ||
| <h3>Rama Krishna</h3> | ||
| <p>A master weaver specializing in traditional Indian handloom textiles with a contemporary twist.</p> | ||
| <p>Contact: +91 12345 67890</p> | ||
| <button><a href="p1.html">View More</a></button></a> | ||
| </div> | ||
|
|
||
| <div class="profile-card"><a href="p2.html"> | ||
| <img src="images/p2.jpg" alt="Artisan 2"> | ||
| <h3>Srinu</h3> | ||
| <p> An artisan dedicated to preserving ancient weaving techniques in his handwoven home decor pieces.</p> | ||
| <p>Contact: +91 12345 67891</p> | ||
| <button><a href="p2.html">View More</a></button></a> | ||
| </div> | ||
| <div class="profile-card"><a href="p3.html"> | ||
| <img src="images/p3.jpg" alt="Artisan 3"> | ||
| <h3>Swathi</h3> | ||
| <p> A designer creating exquisite, eco-friendly handloom textiles inspired by nature. </p> | ||
| <p>Contact: +91 12345 67892</p> | ||
| <button><a href="p3.html">View More</a></button></a> | ||
| </div> | ||
| <div class="profile-card"><a href="p4.html"> | ||
| <img src="images/p4.jpg" alt="Artisan 3"> | ||
| <h3>Raghu</h3> | ||
| <p> A textile artist known for his vibrant, hand-dyed fabrics that bring color and life to any home.</p> | ||
| <p>Contact: +91 12345 67892</p> | ||
| <button><a href="p4.html">View More</a></button></a> | ||
| </div> | ||
| <div class="profile-card"> | ||
| <a href="p5.html"> | ||
| <img src="images/p5.jpg" alt="Artisan 3"> | ||
| <h3>Ajay</h3> | ||
| <p>A handloom expert weaving luxurious home decor items with intricate patterns and rich textures.</p> | ||
| <p>Contact: +91 12345 67892</p> | ||
| <button><a href="p5.html">View More</a></button></a> | ||
| </div> | ||
| <div class="profile-card"> | ||
| <a href="p6.html"><img src="images/p6.jpg" alt="Artisan 3"> | ||
| <h3>Lalitha</h3> | ||
| <p> A skilled weaver blending African heritage and modern design in his unique handloom textiles for the home</p> | ||
| <p>Contact: +91 12345 67892</p> | ||
| <button><a href="p6.html">View More</a></button></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <footer id="footer"> | ||
| <div class="footer-links"> | ||
| <a href="index.html">Home</a> | ||
| <a href="#aboutus">About Us</a> | ||
| <a href="#shop">Shop</a> | ||
| <a href="artists.html">Artisans</a> | ||
| <a href="#footer">Contact</a> | ||
| <a href="cart.html">Cart</a> | ||
| </div> | ||
| <div class="newsletter"> | ||
| <p>Subscribe for Updates</p> | ||
| <input type="email" placeholder="Enter your email"> | ||
| <button>Subscribe</button> | ||
| </div> | ||
| <div class="contact-info"> | ||
| <p>Address: 123 Street, Visakhapatnam, India</p> | ||
| <p>Email: [email protected]</p> | ||
| <p>Phone: +91 12345 67890</p> | ||
| </div> | ||
| </footer> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.