﻿
<!DOCTYPE html>
<HTML>
<HEAD>
    <title></title>
    <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Material Design Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <!-- MDBootstrap Cards Extended Pro  -->
    <!--<script>
        function autoRefresh() {
            window.location = window.location.href;
        }
        setInterval('autoRefresh()', 1);
    </script>-->

</HEAD>
<BODY id=contents onload="javascript:init()">

    <style>
   
        body {
            width: 100%;
            background-color: #FEF2CC;
            font-size: 15px;
            border-color: solid red;
            border-radius: 30px;
            align-content: center;
            align-items: center;
            justify-content: center;
            text-align: center;
        }
 
        h3{
            font-size: 30px;
            font-weight: bold;
        }
        h4{
            font-size: 25px;
            font-weight: bold;
        }



        h5 {
            text-align: center;
            font-weight: bolder;
            margin-top: 30px;
            border: solid bisque 3px;
            background-color: #FEC300;
        }

        a {
            font-weight: bolder;
        }

        hr {
            height: 5px;
            background-color: blue;
        }

        button {
            height: 70px;
            width: 30px;
            font-weight: bolder;
            align-items: center;
            margin-top: 20px;
            margin-bottom: 10px;
            border-radius: 50%;
            margin-right: 20px;
            background-color: lightsalmon;
            text-align: center;
        }

        .five {
            border: 5px;
            background-color: lightsalmon;
            position: relative;
            box-shadow: inset 0 0 10px #000000;
            height: 100px;
        }

        .four {
            border: 5px;
            background-color: white;
            border: 2px;

            position: relative;
            box-shadow: inset 0 0 10px #000000;
            height: 150px;
        }
        .input{
            size: 10px;;
        }
    </style>

    
    <div class="container well">
      
       <div class="five">

            <a href="astro.html"><button type="button" class="btn btn-primary btn-lg btn-block" ><h3 >ஜாதகம்-பஞ்சாங்கம்</h3></button></a>
        </div>
        <br>
        <div class="five">

            <a href="house.html"><button type="button" class="btn btn-primary btn-lg btn-block"><h3>மனையடி சாஸ்திரம்</h3></button></a>
        </div>
        <br>
        <div class="five">

            <a href="palinew.html"><button type="button" class="btn btn-primary btn-lg btn-block"><h3>பல்லி-சொல்லும் பலன்</h3></button></a>
        </div>
        <br>
        <div class="five">

            <a href="palli2.html"><button type="button" class="btn btn-primary btn-lg btn-block"><h3>பல்லி-விழும் பலன்</h3></button></a>
        </div>
        <br>
         <div class="five">

            <a href="app.html"><button type="button" class="btn btn-primary btn-lg btn-block"><h4>இலவச ஜோதிட மென்பொருள்</h4></button></a>
        </div>
        <div class="four">
             <p></p><br>
            <p style="color:blue;font-weight: bold">மேலும் பல அப்டேட் தொடர்ந்து வரும்</p>
            <p style="color: blue;font-weight: bold">Software By msmaart web & tech company</p>
            <p style="color: blue;font-weight: bold">ஜோதிட மென்பொருள் வாங்க: 9486 003 235</p>
        </div>
        <br>

        <br>
        

    </div>
</BODY>
</HTML>