Thursday, January 16, 2025

WEB PAGE CREATION ABOUT KOLKATA BOOK FAIR USING HTML, CSS AND JAVASCRIPT

 WEB PAGE CREATION ABOUT KOLKATA BOOK FAIR USING HTML, CSS AND JAVASCRIPT

Step 1: Once you click on the "Color" button below "Kolkata Book Fair 2025" it will change the color to Violet as predefined I have provided Violet in function color()



Step 2: I have animated the below 6 images using the below html and css codes.

html code:

<body id="body">
<fieldset>
            <form name="fr">
                <table>

                    <tbody> 
<div class="imgSlider"></div><br><br>

css code:

<style type="text/css">
.*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.imgSlider{
width:100%;
height: 600px;
background-image: url(https://imgmedia.lbb.in/media/2019/01/5c4ebb7bd4ec0c02c4153a42_1548663675830.jpg);
background-size: 100% 100%;
box-shadow: 5px 10px;
animation: changeImage 20s linear infinite;
}
@keyframes changeImage{
0%{
background-image: url(https://imgmedia.lbb.in/media/2019/01/5c4ebb7bd4ec0c02c4153a42_1548663675830.jpg);
}
20%{
background-image: url(https://assets.telegraphindia.com/telegraph/2023/Feb/1676122636_1675769777226-2.jpg);
}
40%{
background-image: url(https://www.frontlist.in/storage/post/1646119719_KolkataBookFair_ParthaPaul.jpg);
}
60%{
background-image: url(https://www.frontlist.in/storage/post/1646294926_jpg.jpg);
}
80%{
background-image: url(https://i.ytimg.com/vi/j-A6lKMd-pY/maxresdefault.jpg);
}
100%{
background-image: url(https://assets.telegraphindia.com/telegraph/2024/Jan/1706709951_pg-lead-38.jpg);
}
}






Step 3: Once I click on the color I change to any color as I have used colorChange() function. If I want blue I change change to blue, if I want green I can change to green or if I want any color I can change to any color. First we need to choose the color from the color picker box then we need to click on Color button.





STEP 4: If I choose "Yellow" color from "Choose Color:" background color will be "Yellow", or if I choose "Orange" color from "Choose Color:" background color will be "Orange", or if I choose "Pink" color from "Choose Color:" background color will be "Pink", or if I choose "Violet" color from "Choose Color:" background color will be "Violet", or if I choose "Green" color from "Choose Color:" background color will be "Green", or if I choose "Grey" color from "Choose Color:" background color will be "Grey".















Step 5: If I click on "Other" in"Choose Color:" option then it will prompt me to "Enter a color:" text box and there whatever color I will provide the background color will be that color itself.





Step 6: When I will click on the button "Click Me" the Big Books image will hide as here I have used show/hide image toggle and again once I refresh/restore the page the image will come.





WEB PAGE OUTPUT:





Kolkata's International Book Fair is nowadays considered as one of the world's second-largest book fair. According to the reports of last year 2024, around 27 lakh people explored Book Fair last year 2024, and we are hoping the count will be more than the last year 2024. This is the first time in Kolkata Book Fair history since it's inaugural year, that Germany will be the Book Fair's Focal Theme Country of the world's largest non-trade book festival. Germany's iconic Franfurt Book Fair is a major inspiration behind Kolkata's first-ever Book Fair in 1976. It's the 48th International Book Fare is to be held in Kolkata in 2025.  

  • Where: Boimela Prangan, Karunamoyee, Saltlake

  • Dates: January 28, 2025 - February 9, 2025

  • When: 12 P.M. IST - 8 P.M. IST

Choose Color:  Choose Color: 

Special buses available from:

  • Howrah Railway station : AC-12, AC-59

     
  • Esplanade (Dharmatala)

  • Dum Dum Railway Station

  • Sealdah Railway Station : Shuttle

     
  • Santragachi Railway Station : VS-12

  • Joka : Book Fair Special

     
  • Behala

  • Garia : S-14

  • Shovabazaar

  • Jadavpur : AC-9, S-9

      
  • Chingrighata More

  • Ultadanga : Shuttle

     
  • Dunlop More

  • Mandirtala : Book Fair Special

  • Thakurpukur : S-16

  • Rajabazar : Book Fair Special

  • Parnashree : S-4

  • Shakuntala Park : S-22, S-46

  • Gariahat : Book Fair Special

  • Kamalgazi : Book Fair Special

  • Baruipur : ST-12, Book Fair Special

  • Barasat : AC-36, EB-14, D-19B

  • Airport Gate No. 1 : AC-38

  • Barrackpore : S-58

  • Bally Halt : Book Fair Special (Via Airport), AC-23A, S-23A

 

Books Available At Big Books In Kolkata Book Fair

  • CBSE Books

  •                                                                                   

         Primary to Secondary School Textbooks                                                            Competitive Exam Guides                                                                     Sample Papers and Question Banks


  • ICSE Books

  •                                                                                   

              Comprehensive Study Materials                                                                      Workbooks and Practice Sets                                                                      Subject-Specific Guides


  • General Academic Books

  •                                                                                   

    Reference Books for Science, Arts, and Commerce                                            Question Banks and Model Test Papers                                             Skill Development and Personality Enrichment


  • Picture Books for Children

  •                                                                                   

                       Illustrated Storybooks                                                                                    Early Learning Books                                                                                Activity Books for Young Minds

HTML CODE:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kolkata Book Fair</title>
<style type="text/css">
.*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.imgSlider{
width:100%;
height: 600px;
background-image: url(https://imgmedia.lbb.in/media/2019/01/5c4ebb7bd4ec0c02c4153a42_1548663675830.jpg);
background-size: 100% 100%;
box-shadow: 5px 10px;
animation: changeImage 20s linear infinite;
}
@keyframes changeImage{
0%{
background-image: url(https://imgmedia.lbb.in/media/2019/01/5c4ebb7bd4ec0c02c4153a42_1548663675830.jpg);
}
20%{
background-image: url(https://assets.telegraphindia.com/telegraph/2023/Feb/1676122636_1675769777226-2.jpg);
}
40%{
background-image: url(https://www.frontlist.in/storage/post/1646119719_KolkataBookFair_ParthaPaul.jpg);
}
60%{
background-image: url(https://www.frontlist.in/storage/post/1646294926_jpg.jpg);
}
80%{
background-image: url(https://i.ytimg.com/vi/j-A6lKMd-pY/maxresdefault.jpg);
}
100%{
background-image: url(https://assets.telegraphindia.com/telegraph/2024/Jan/1706709951_pg-lead-38.jpg);
}
}
</style>
<script type="text/javascript">
function color()
{
document.getElementById('head').style.backgroundColor='Violet';
}
function chooseclr()
{
var choosecolor=document.getElementById('choose').value;
document.getElementById('body').style.backgroundColor=choosecolor;
}
function chooseclr1()
{
var choosecolor1=document.getElementById('choose').value;
var choosecolor1=prompt("Enter a color:");
if(choosecolor1.checked == true){
alert(choosecolor1.value);
}
else{
document.getElementById('body').style.backgroundColor=choosecolor1;
}
}
function colorChange()
{
var clr=document.getElementById('color1').value;
document.getElementById('clrcng').style.backgroundColor=clr;
}
function showhide()
{
document.getElementById('image').style.visibility="hidden";
}
</script>
</head>
<body id="body">
<fieldset>
            <form name="fr">
                <table>
                    <tbody>
                        <header align="center" id="head">
                            <h1>Kolkata Book Fair 2025</h1>
                            <button type="button" onclick="color()">Color</button>
                        </header><br><br>
                        <div class="imgSlider"></div><br><br>
                        <tr>
                        <p id="clrcng">Kolkata's International Book Fair is nowadays considered as one of the world's second-largest book fair. According to the reports of last year 2024, around 27 lakh people explored Book Fair last year 2024, and we are hoping the count will be more than the last year 2024. This is the first time in Kolkata Book Fair history since it's inaugural year, that Germany will be the Book Fair's Focal Theme Country of the world's largest non-trade book festival. Germany's iconic Franfurt Book Fair is a major inspiration behind Kolkata's first-ever Book Fair in 1976. It's the 48th International Book Fare is to be held in Kolkata in 2025.
                        <input type="color" id="color1">
                        <button type="button" onclick="colorChange()">Color</button>
                        </p>
                        <ul>
                        <li><p><strong>Where: </strong>Boimela Prangan, Karunamoyee, Saltlake</p></li>
                        <li><p><strong>Dates: </strong>January 28, 2025 - February 9, 2025</p></li>
                        <li><p><strong>When: </strong>12 P.M. IST - 8 P.M. IST</p></li>
                        </ul>
                        Choose Color: <select id="choose" onchange="chooseclr()">
                        <option value="">select</option>
                        <option value="yellow">Yellow</option>
                        <option value="orange">Orange</option>
                        <option value="pink">Pink</option>
                        <option value="violet">Voilet</option>
                        <option value="green">Green</option>
                        <option value="grey">Grey</option>
                        </select>
                        Choose Color: <select id="choose" onchange="chooseclr1()">
                        <option value="">select</option>
                        <option value="other">Other</option>
                        </select>
                        </tr>
                        <tr>
                        <h4><strong>Special buses available from:</strong></h4>
                        <ul>
                        <li><p>Howrah Railway station : AC-12, AC-59</p>
                        <img src="https://www.youfindgo.com/wp-content/uploads/classified-listing/2023/03/IMG_7466.jpeg" height="450px" width="600px">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7367.8580473502325!2d88.3326765381846!3d22.58175777426305!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0277be32bf797f%3A0xae25afd3dba85467!2sHowrah%20Junction%20railway%20station!5e0!3m2!1sen!2sin!4v1737010336174!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Esplanade (Dharmatala)</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3684.4730938557445!2d88.34661667137398!3d22.561402488096466!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0277fc6a8d4aa3%3A0x6cf5b9406963353f!2sDharamtala%20Esplanade!5e0!3m2!1sen!2sin!4v1737010840470!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Dum Dum Railway Station</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3682.8700628116885!2d88.3903976742208!3d22.62132688118475!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89dfaf3564501%3A0xd9f017fd844bc3c7!2sDum%20Dum%20Junction!5e0!3m2!1sen!2sin!4v1737010941135!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>                       
                        </li>
                        <li><p>Sealdah Railway Station : Shuttle</p>
                        <img src="https://akm-img-a-in.tosshub.com/businesstoday/images/story/202402/65d8bd28b9551-he-later-experienced-the-uber-shuttle-service-in-bengaluru-along-with-the-uber-india-team-234335385-16x9.jpg?size=948:533" height="450px" width="600px">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3684.310990344795!2d88.36848012421902!3d22.56746908316036!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02779c1dc523eb%3A0xb6b751d38ead0eeb!2sSealdah%20Station!5e0!3m2!1sen!2sin!4v1737011221518!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Santragachi Railway Station : VS-12</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3683.889494989947!2d88.28295687421955!3d22.583235982582472!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02793197e5210f%3A0xa9cb47632bb5b1a9!2sSantragachi%20railway%20station!5e0!3m2!1sen!2sin!4v1737011471116!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Joka : Book Fair Special</p>
                        <img src="https://tse3.mm.bing.net/th?id=OIP.Mc4di23b0Hs8kxpvK1utygHaHL&pid=Api&P=0&h=180" height="450px" width="600px">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29499.10101034584!2d88.2802112561913!3d22.452063355907164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027afaa65e0b37%3A0xf18fd7897bc9badf!2sJoka%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737011727711!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Behala</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29489.109804315507!2d88.29378935628961!3d22.498977740327437!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0270a0c61c6715%3A0xce486e10b8b13cb3!2sBehala%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737011902159!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Garia : S-14</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29496.883626688887!2d88.36957055621309!3d22.46248325244883!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0271a00d52ca53%3A0x84c91e76a182e37a!2sGaria%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737012083253!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Shovabazaar</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7366.946172317749!2d88.35636908818684!3d22.598802372988473!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027635b46f781b%3A0xd7b65c99073f8c96!2sShobhabazar%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737012148118!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Jadavpur : AC-9, S-9</p>
                        <img src="https://images.tv9bangla.com/wp-content/uploads/2024/01/Kolkata-Book-Fair-Bus.jpg" height="450px" width="600px">
                        <img src="https://tse1.mm.bing.net/th?id=OIP.r3wSIc3C1qJeKeL3eMaL9AAAAA&pid=Api&P=0&h=180" height="450px" width="600px">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14745.02883585519!2d88.35669678529388!3d22.4945309480002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02713b257b4201%3A0x823fbc7ff044ca83!2sJadavpur%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737012438238!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Chingrighata More</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3684.565794812143!2d88.4090269742187!3d22.557932533509877!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0275a92e5fbb75%3A0x21036c1e94a11a6f!2sChingrighata%20More%2C%20Kolkata%2C%20WB.!5e0!3m2!1sen!2sin!4v1737041299081!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Ultadanga : Shuttle</p>
                        <img src="https://akm-img-a-in.tosshub.com/businesstoday/images/story/202402/65d8bd28b9551-he-later-experienced-the-uber-shuttle-service-in-bengaluru-along-with-the-uber-india-team-234335385-16x9.jpg?size=948:533" height="450px" width="600px">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14734.348323152031!2d88.37610348534622!3d22.594541982498885!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027612000f0f8d%3A0x6c107edb2fde46c6!2sUltadanga%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737041397610!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Dunlop More</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3682.0149843497957!2d88.37457407422187!3d22.65322993001245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89db14a81949f%3A0xb17fe141f3bc86ef!2sDunlop%20More!5e0!3m2!1sen!2sin!4v1737041464242!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Mandirtala : Book Fair Special</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3684.2629252759903!2d88.31018422421906!3d22.569267583094483!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02783220bef7b1%3A0x3236b00bc37059ea!2sMandirtala%2C%20Naora%2C%20Shibpur%2C%20Howrah%2C%20West%20Bengal%20711102!5e0!3m2!1sen!2sin!4v1737041532011!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Thakurpukur : S-16</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3684.2629252759903!2d88.31018422421906!3d22.569267583094483!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02783220bef7b1%3A0x3236b00bc37059ea!2sMandirtala%2C%20Naora%2C%20Shibpur%2C%20Howrah%2C%20West%20Bengal%20711102!5e0!3m2!1sen!2sin!4v1737041532011!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="l
                        azy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Rajabazar : Book Fair Special</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29497.59519650901!2d88.2985939562061!3d22.45913995355858!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027a8f44f3019b%3A0xce5982d96da50855!2sThakurpukur%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737041801942!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Parnashree : S-4</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14743.576478028865!2d88.293967235301!3d22.50815539589179!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027a180372f295%3A0xd4937b0714f6212f!2sParnasree%20Palli%2C%20Behala%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737041917121!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Shakuntala Park : S-22, S-46</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3686.570630280594!2d88.2859220742163!3d22.48276393625912!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a027a4c5f47f79f%3A0x359333f877a289d5!2sNew%20Shakuntala%20Park%2C%20Sarsuna%2C%20Kolkata%2C%20West%20Bengal%20700061!5e0!3m2!1sen!2sin!4v1737042006139!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Gariahat : Book Fair Special</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7371.230663606114!2d88.36006058817635!3d22.518611228977843!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a0276d4c138271b%3A0xc83a8ae3cdedd5be!2sGariahat%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737042076960!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Kamalgazi : Book Fair Special</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7374.888948097177!2d88.39056118816742!3d22.449925684092804!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a02718c16818adb%3A0x3b1d14d91e951cf3!2sKamalgazi%2C%20Narendrapur%2C%20Rajpur%20Sonarpur%2C%20West%20Bengal%20700103!5e0!3m2!1sen!2sin!4v1737042151483!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Baruipur : ST-12, Book Fair Special</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29518.65551078439!2d88.41625125599896!3d22.359973786421904!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a026c53d317cb5d%3A0x383be3db380eb9ba!2sBaruipur%2C%20West%20Bengal%20700144!5e0!3m2!1sen!2sin!4v1737042224123!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Barasat : AC-36, EB-14, D-19B</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d29441.232959971825!2d88.46181245676102!3d22.722512265777556!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f8a209b5283ced%3A0x4989765a0652bd78!2sBarasat%2C%20Kolkata%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737042579484!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Airport Gate No. 1 : AC-38</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3682.3312471919317!2d88.42645298885498!3d22.641435100000002!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89e48a8da7bbf%3A0x4ce8537f706606c5!2sDum%20Dum%20Airport%201%20No.%20Gate!5e0!3m2!1sen!2sin!4v1737042683482!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Barrackpore : S-58</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d117738.84520504829!2d88.22150713760172!3d22.7528005243952!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89aefcc6fe3a7%3A0x6a6d434ac504dbc5!2sBarrackpore%2C%20West%20Bengal!5e0!3m2!1sen!2sin!4v1737042783282!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        <li><p>Bally Halt : Book Fair Special (Via Airport), AC-23A, S-23A</p>
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7364.051678475388!2d88.33070687770999!3d22.6528252!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39f89d23e167397f%3A0x3d39646e03001204!2sBally%20Halt!5e0!3m2!1sen!2sin!4v1737042942107!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </li>
                        </ul>
                        </tr>
                        <div id="image">
                        <img src="https://bigbooks.in/wp-content/uploads/2024/12/Kolkata-Book-Fair-2025.jpg.webp" height="500px" width="1300px">
                        <button type="button" onclick="showhide()">Click Me</button>
                        </div><br>
                        <tr>
                        <h3 align="center">Books Available At Big Books In Kolkata Book Fair</h3>
                        <ul>
                        <li><p><strong>CBSE Books</strong></p></li>
                        <img src="https://www.capitalfm.co.ke/news/files/2018/01/BOOKS.jpg" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://rukminim1.flixcart.com/image/832/832/regionalbooks/7/k/h/test-series-for-cbse-competitive-entrance-exams-class-2-original-imadhad4ynrwvush.jpeg?q=70" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://m.media-amazon.com/images/I/51bYSu1KvCL.jpg" height="300px" width="300px"><br>
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Primary to Secondary School Textbooks&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Competitive Exam Guides&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sample Papers and Question Banks</p><br>
                        <li><p><strong>ICSE Books</strong></p></li>
                        <img src="https://tse4.mm.bing.net/th?id=OIP.EKRO0xIPjlN2s7oiW69SzgHaKe&pid=Api&P=0&h=180" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://universalbooksellers.com/wp-content/uploads/2019/04/11-2.jpg" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://online.almondbooks.com/cdn/shop/articles/icse_best_english_study_guides.png?v=1671696849&width=1066" height="300px" width="300px"><br>
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Comprehensive Study Materials&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Workbooks and Practice Sets&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Subject-Specific Guides</p><br>
                        <li><p><strong>General Academic Books</strong></p></li>
                        <img src="https://d2eehagpk5cl65.cloudfront.net/img/q60/uploads/2020/06/Books-300x199.jpg" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://cscartindia.com/wp-content/uploads/2018/02/6229big-3.jpg" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://bookends.in/wp-content/uploads/2021/08/personality-development-book-cover.jpg" height="300px" width="300px"><br>
                        <p>Reference Books for Science, Arts, and Commerce&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Question Banks and Model Test Papers&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Skill Development and Personality Enrichment</p><br>
                        <li><p><strong>Picture Books for Children</strong></p></li>
                        <img src="https://i.ytimg.com/vi/YD2mm5XnEKg/maxresdefault.jpg" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://i5.walmartimages.com/asr/52d2a202-1488-4ef1-af3a-de30a25e2833_1.a38112de704c92b499e648d8d59cd05c.jpeg?odnWidth=1000&odnHeight=1000&odnBg=ffffff" height="300px" width="300px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <img src="https://jmcgbooks.com/wp-content/uploads/2022/06/Kids-Activity-Chidrens-Board-Book-with-spine.png" height="300px" width="300px"><br>
                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Illustrated Storybooks&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Early Learning Books&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Activity Books for Young Minds</p>
                        </ul>
                        </tr>
                        </tbody>
                </table>
            </form>
    </fieldset>
</body>
</html>















  


















































 

WEB PAGE CREATION ABOUT KOLKATA BOOK FAIR USING HTML, CSS AND JAVASCRIPT

 WEB PAGE CREATION ABOUT KOLKATA BOOK FAIR USING HTML, CSS AND JAVASCRIPT Step 1: Once you click on the "Color" button below ...