Coding for Landing Page
Here's a simple example of HTML, CSS, and JavaScript code that can be used to create a landing page:
.HTML:
<! DOCTYPE html> <html> <head> <title>Example Landing Page</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <h1>Sample Landing Page</h1> <nav> <ul> <li><a href="#feature">Features</a></li> <li><a href="#pricing">Price</a></li> <li><a href="#testimonials">Reviews</a></li> </ul> </nav> </header> <section id="hero"> <img src="hero-image.jpg" alt="hero image"> <h2>What we offer</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elite. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus.</p> <button>Learn More</button> </section> <section id="feature"> <h2>Features</h2> <ul> <li>Features 1</li> <li>Feature 2</li> <li>Features 3</li> </ul> </section> <section id="pricing"> <h2>Price</h2> <table> <tr> <th>Package</th> <th>Price</th> <th>Features</th> </tr> <tr> <td>Package 1</td> <TD>$9.99/month</td> <td>Feature 1, Feature 2</td> </tr> <tr> <td>Package 2</td> <TD>$19.99/month</td> <td>Feature 1, Feature 2, Feature 3</td> </tr> </table> </section> <section id="testimonials"> <H2>Reviews</H2> <blockquote> <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elite. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor." </p> <cite>- John Doe</cite> </blockquote> <blockquote> <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elite. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor." </
Komentar
Posting Komentar