Question Details

No question body available.

Tags

html css

Answers (4)

May 20, 2026 Score: 0 Rep: 1 Quality: Low Completeness: 80%

Here is a much shorter, punchier version you can copy and paste. It gets straight to the point while still explaining the solution clearly.

Here is a clean Bootstrap 5 skeleton that combines all your requirements.

How this solves your layout:

  • Navbar: navbar-expand-md handles the hamburger breakpoint, and ms-auto aligns the links to the right.

  • Hero: Handled via CSS (height: 100vh and background-size: cover) on the main wrapper.

  • Grid & Cards: A standard .row combined with .col-12 .col-md-6 .col-lg-4 makes the cards fully responsive.

  • Gallery Modal: No custom JS needed. Just add data-bs-toggle="modal" and data-bs-target="#imageModal" directly to your thumbnail .

products.html:

        Nameless
    
            
                
            
            
Nameless Ltd.

            
Seeds - All kinds, in any quantity
                
                        
                    
                
            

                
Our Seeds:

                

                    

                        Dahlia
                        

                            
Dahlia

                        

                    

                
                

                    

                        Daisy
                        

                            
Daisy

                        

                    

                
                

                    

                        Lavender
                        

                            
Lavender

                        

                    

                
                

                    

                        Petunia
                        

                            
Petunia

                        

                    

                
                

                    

                        Basil
                        

                            
Basil

                        

                    

                
                

                    

                        Rosemary
                        

                            
Rosemary

                        

                    

                
                

                    

                        Tomato
                        

                            
Tomato

                        

                    

                
                

                    

                        Carrot
                        

                            
Carrot

                        

                    

                
                

                    

                        Kohlrabi
                        

                            
Kohlrabi

                        

                    

                
                

                    

                        Strawberry
                        

                            
Strawberry

                        

                    

                
                

                    

                        
                            Raspberry
                        
                        

                            
Raspberry

                        

                    

                
                

                    

                        Chili pepper
                        

                            
Chili pepper

                        

                    

                
            
             

                
Opening Hours:

            
            

                
    
                    
  • Monday-Friday: 8 AM - 5 PM
    • 
                    
  • Saturday: 8 AM - 1 PM
    • 
                    
  • Sunday: 9 AM - 12 PM
    • 
                

            
            

                
Contact:

            
            

                
    
                    
  • 06-30/111-1111
    • 
                    
  • 06-70/111-1111
    • 
                    
  • nevenincsbt@gmail.com
    •
May 20, 2026 Score: 0 Rep: 1 Quality: Low Completeness: 60% 
2. index.html:
    Nameless
    
            
                
            
            
Nameless Ltd.

            
Seeds - All kinds, in any quantity
                
                        
                    
                
            Choose from our seeds!
            
             

                
Opening Hours:

            
            

                
    
                    
  • Monday-Friday: 8 AM - 5 PM
    • 
                    
  • Saturday: 8 AM - 1 PM
    • 
                    
  • Sunday: 9 AM - 12 PM
    • 
                

            
            

                
Contact:

            
            

                
    
                    
  • 06-30/111-1111
    • 
                    
  • 06-70/111-1111
    • 
                    
  • nevenincsbt@gmail.com
    •
May 20, 2026 Score: 0 Rep: 1 Quality: Low Completeness: 60% 
3. order.html
        Nameless
    
            
                
            
            
Nameless Ltd.

            
Seeds - All kinds, in any quantity
                
                        
                    
                
                
Dahlia (Garden flower)
   
                
         
                    

                        Dahlia                    
                    

                    

                        
Dahlias are tuberous, frost-sensitive perennials. They bloom best in nutrient-rich soil. Their water requirement is medium, and they need regular watering during their blooming period. Their blooming period lasts from July to October. They are excellent as cut flowers.
                            
Price: 356 HUF
                                Quantity:
                            

                            
Order Now
                    

                
            
             

                
Opening Hours:

            
            

                
    
                    
  • Monday-Friday: 8 AM - 5 PM
    • 
                    
  • Saturday: 8 AM - 1 PM
    • 
                    
  • Sunday: 9 AM - 12 PM
    • 
                

            
            

                
Contact:

            
            

                
    
                    
  • 06-30/111-1111
    • 
                    
  • 06-70/111-1111
    • 
                    
  • nevenincsbt@gmail.com
    •
May 20, 2026 Score: 0 Rep: 1 Quality: Low Completeness: 60% 
4. style.css
 {
    box-sizing: border-box;
}
body {       
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 1.6rem;
    margin: 0;    
}
#landing {
    color: white;    
    background-position: center;
    height: 100vh;
    background-image: url('fokep.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
header {
    text-align: center;
    background-color: rgba(105,57,2,.8);
    height: 8rem;
    margin: 0;
    padding: 20px;
    text-shadow: 2px 2px 2px black;
    color: white;
}
#logo {
    position: absolute;
    top: 14px;
    left: 2%;
    border-radius: 50%;
    width: 88px;
}
h1, h2, h3, h4 {
    letter-spacing: 2px;
}
header h1, h2, h3, div, ul, li {
    margin: 0;
}
main a:hover {
    color: white;
}
main>a {
    width: 30rem;
    margin: 6rem auto 0;        
    background-color: rgba(251,136,4,.7);
    text-shadow: 1px 1px 1px black;
    letter-spacing: 2px;
    border-radius: 10px; 
    text-align: center;  
    color: white;
    text-decoration: none;
    display: block;
    padding: 20px;
    font-size: 1.8rem;
}
main.container {
    background-color: #fff;  
    color: black; 
    margin: 0 auto; 
}
main .row {
    margin-top: .5rem;
    margin-bottom: 10rem;
}
main p {
    text-align: justify;
    font-size: 1.3rem;
}
main h2 {
    margin: .5rem;
    text-align: center;
}
footer {
    text-align: right;
    background-color: rgba(105,57,2,.8);
    color: white;
    margin: 0;
    padding: 10px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}
footer ul li {
    text-align: left;
}
.product-image img {
    border-radius: 10px;
}
.product-image img:hover {    
    cursor: pointer;
}
.product-image {
    color: black;
}
#price {
    font-weight: bold;
    display: inline-block;
    margin-right: 50px;
}
form {
    font-weight: bold;    
}
input {
    text-align: right;
    margin-bottom: 2rem;
}
@media screen and (max-width: 900px) {  
  header h2 {
    display: none;
  }
}
#right-menu {
    position: absolute;
    top: 14px;
    right: 2%;
}
#right-menu .nav-link {
    color: black !important; 
    text-shadow: none;       
}
#right-menu .nav-link:hover {
    color: white !important;
}
/ Shadow on plant images on hover */
.product-image img:hover {
    box-shadow: 2px 2px 20px black;
}
@media screen and (max-width: 768px) {  
  footer {
    text-align: left;
  }
}