!DOCTYPE html>
<meta charset="UTF-8">
<title>Community Book Fair Registration</title>
<!-- Bootstrap 5 CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<style>
html{
scroll-behavior:smooth;
}
body{
background:#f4f9ff;
font-family:Arial, Helvetica, sans-serif;
}
.hero{
background:linear-gradient(90deg,#0d6efd,#6ea8fe);
color:white;
padding:70px 20px;
text-align:center;
}
.hero h1{
font-size:48px;
font-weight:bold;
}
.hero p{
font-size:20px;
}
.card{
transition:0.3s;
}
.card:hover{
transform:scale(1.03);
}
.section-title{
text-align:center;
margin-top:50px;
margin-bottom:30px;
font-weight:bold;
}
.footer{
background:#0d6efd;
color:white;
padding:30px;
text-align:center;
margin-top:50px;
}
</style>
Discover amazing books, meet talented authors, participate in exciting competitions, and enjoy a wonderful reading experience for the entire family.
Register Today
Registration is now open!
Early participants will receive a free bookmark and a welcome gift.
Resize the browser window to see how the boxes automatically change from four columns on large screens to two columns on medium screens and one column on smaller devices.
<div class="col-sm-12 col-md-6 col-lg-3 mb-4">
<div class="p-4 bg-primary text-white rounded shadow">
<h4>📚 Books</h4>
<p>
Explore hundreds of books from different genres.
</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3 mb-4">
<div class="p-4 bg-success text-white rounded shadow">
<h4>✍️ Authors</h4>
<p>
Meet experienced writers and participate in discussions.
</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3 mb-4">
<div class="p-4 bg-warning rounded shadow">
<h4>🏆 Competitions</h4>
<p>
Join reading contests and win educational prizes.
</p>
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-3 mb-4">
<div class="p-4 bg-danger text-white rounded shadow">
<h4>🎁 Gifts</h4>
<p>
Receive free gifts and souvenirs during the event.
</p>
</div>
</div>
Full Name
Email Address
Phone Number
Favorite Book Genre
Choose One Science Fiction History Biography Fantasy Children's Books RomanceComments
<textarea class="form-control" rows="5" placeholder="Tell us what you enjoy reading..."></textarea>I would like to receive updates about future events.
Submit Registration
Reset Form
This webpage uses Bootstrap's responsive grid system. The navigation menu, cards, feature boxes, and registration form automatically adjust according to different screen sizes, providing an improved user experience on desktops, tablets, and smartphones.
Our exhibition features hundreds of books from a wide variety of genres, including fiction, science, history, biographies, children's literature, technology, and educational resources.
Visitors can browse new releases, purchase books, receive recommendations from librarians, and enjoy live demonstrations throughout the day.
Close
Promoting literacy, creativity, and lifelong learning through books and community engagement.
Email: info@communitybookfair.com
Phone: (555) 123-4567
Location: Community Cultural Center
Follow us on Facebook | Instagram | X (Twitter)