Pertemuan 11

Cover

Melanjutkan pembelajaran tentang teknologi web dan pengembangan website.

Gallery

Footer Content

📍 Footer Content

© Copyright
"© 2024 My Gallery" - Protect intellectual property

📧 Contact Email
"Email: " - Let people reach you

🔗 Social Links
Instagram, Twitter, LinkedIn - Share your work!

Footer HTML

💻 Footer HTML

                      <
                      
                        footer
                      
                      >
                      
                        <
                      
                        p
                      
                      >
                      
                        © 2024 My Gallery
                      
                      </
                      
                        p
                      
                      >
                      
                        <
                      
                        p
                      
                      >Email:
                      
                        </
                        
                          p
                        
                        >
                        
                          <
                        
                          p
                        
                        >
                        
                            <
                        
                          a
                        
                        href=
                        
                          "#instagram"
                        
                        >Instagram</
                        
                          a
                        
                        > |
                        
                            <
                        
                          a
                        
                        href=
                        
                          "#twitter"
                        
                        >Twitter</
                        
                          a
                        
                        >
                        
                          </
                        
                          p
                        
                        >
                        
                        </
                        
                          footer
                        
                        >

Tip: Footer biasanya diletakkan di bawah </main>, sebelum </body>

Footer Styling

🎨 Footer Styling

                        
                          footer
                        
                        {
                        
                          background
                        
                        :
                        
                          #333
                        
                        ;
                        
                          color
                        
                        :
                        
                          white
                        
                        ;
                        
                          text-align
                        
                        :
                        
                          center
                        
                        ;
                        
                          padding
                        
                        :
                        
                          30px 20px
                        
                        ;
                        
                          margin-top
                        
                        :
                        
                          50px
                        
                        ;
                        
                        }
                        
                          footer a
                        
                        {
                        
                          color
                        
                        :
                        
                          #667eea
                        
                        ;
                        
                          text-decoration
                        
                        :
                        
                          none
                        
                        ;
                        
                        }

Activity

🎯 Your Activity

Add footer HTML

Tambahkan <footer> dengan copyright, email, dan social links
Replace contact info

Gunakan email kalian sendiri, add real social media URLs
Style footer professionally

Dark background (match header), centered text, links styled
Test links & styling

Click social links, check footer appear at bottom of page