Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Golemina</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
    </script>
    <style>
        .Menu
        {
            background-color:lightblue;
            width: 31%;
        }
    </style>
</head>
<body>
    <div class="Menu">
<h1><i>Големина на фонт:</i></h1>
        <button class="pocetna" type="button" >Почетна</button>
        <button class="zgolemi" type="button" >Зголеми</button>
        <button class="namali" type="button" >Намали</button>
    </div>
<h1 id="Naslov" >How to connect to the internet</h1>
<p id="Tekst">To connect to the Internet, you'll need an Internet service provider (ISP) and some hardware: ISP. An ISP is a company
    that gives youaccess to the Internet. You sign up for an account with an ISP just as you do for telephone service or utilities.
    ISPs are usually phone companies (for a DSL or fiber optic connection) or TV providers (for a cable or satellite connection).
    <br> <br>
    Hardware. For a broadband connection, such as DSL, fiber optic, or cable, you'll need a broadband modem. This might be
    included as part of the start-up hardware from yout ISP when you sign up for a broadband account. If you plan to share
    Internet access with multiple PCs by using a home network, you'll also need a router</p>
<script>
    var pgolemina=parseFloat($("#Naslov").css("font-size"));
    var ngolemina=parseFloat($("#Tekst").css("font-size"));
    $(document).ready(function(){
    $(".zgolemi").click(function(){
        $("#Naslov").animate({fontSize: pgolemina*1.5 + "px"});
        $("#Tekst").animate({fontSize: ngolemina*1.5 + "px"});
    });
    $(".namali").click(function(){
        $("#Naslov").animate({fontSize: pgolemina/1.5 + "px"});
        $("#Tekst").animate({fontSize: ngolemina/1.5 + "px"});
    });
    $(".pocetna").click(function(){
        $("#Naslov").animate({fontSize: pgolemina + "px"});
        $("#Tekst").animate({fontSize: ngolemina + "px"});
    });
});
</script>
</body>
</html>