Travel package

-

 <!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <title>Europe Tour Packages</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            margin: 40px auto;

            max-width: 800px;

            padding: 0 20px;

        }


        h1 {

            text-align: center;

        }


        h2 {

            color: #007BFF;

        }


        .package {

            border: 1px solid #ccc;

            border-radius: 10px;

            padding: 20px;

            margin-bottom: 20px;

        }


        dl {

            margin: 0;

        }


        dt {

            font-weight: bold;

            margin-top: 10px;

        }


        dd {

            margin-left: 20px;

            margin-bottom: 10px;

        }

    </style>

</head>


<body>


    <main>

        <h1>Europe Tour Packages</h1>


        <section>

            <h2>Destination: Europe</h2>


            <!-- Description List for General Info -->

            <dl>

                <dt>Countries Included:</dt>

                <dd>France, Italy, Germany</dd>


                <dt>Duration:</dt>

                <dd>10 Days</dd>

            </dl>


            <!-- Unordered List for Standard Package -->

            <div class="package">

                <h3>Standard Package - $1800</h3>

                <ul>

                    <li>Economy flight tickets</li>

                    <li>3-star hotel accommodations</li>

                    <li>City walking tours</li>

                    <li>Breakfast included</li>

                </ul>

            </div>


            <!-- Ordered List for Premium Package -->

            <div class="package">

                <h3>Premium Package - $2500</h3>

                <ol>

                    <li>Round-trip flights</li>

                    <li>4-star hotel accommodations</li>

                    <li>Guided city tours with transportation</li>

                    <li>Breakfast and Dinner included</li>

                </ol>

            </div>


            <!-- Unordered List (again) for Luxury Package -->

            <div class="package">

                <h3>Luxury Package - $3500</h3>

                <ul>

                    <li>Business class flights</li>

                    <li>5-star hotel accommodations</li>

                    <li>Private guided tours and excursions</li>

                    <li>All meals (Breakfast, Lunch, Dinner)</li>

                    <li>VIP airport transfers</li>

                </ul>

            </div>

        </section>

    </main>


</body>


</html>

Comments

Post a Comment

Popular posts from this blog

Calculate Factorial using While loop in JavaScript.

-
 AIM:  Source Code: <!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Document</title> </head> <body>  <input type="button" onclick="multi_3n5()" value="click here">  <script>  function multi_3n5() {  var n = parseInt(prompt("Number : "));  var i=1,f=1;  while(i<=n){  f=f*i;  i++;  }  document.write("factorial of the number = "+f);}  </script> </body> </html>
Read more

Calculator

-
 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title> </head> <body>     Enter a Number 1:<input type="text" id="number1" ><br>     Enter a Number 2:<input type="text" id="number2" ><br>     Result:<input type="text" id="result" ><br>     <input type="button" value="+" onclick="calc('+')">     <input type="button" value="-" onclick="calc('-')">     <input type="button" value="/" onclick="calc('/')">     <input type="button" value="x" onclick="calc('x')"> </body> <script> function calc(operator){     ...
Read more

Simple calculator

-
 <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title> </head> <body>     Enter a Number 1:<input type="text" id="number1" ><br>     Enter a Number 2:<input type="text" id="number2" ><br>     Result:<input type="text" id="result" ><br>     <input type="button" value="+" onclick="calc('+')">     <input type="button" value="-" onclick="calc('-')">     <input type="button" value="/" onclick="calc('/')">     <input type="button" value="x" onclick="calc('x')"> </body> <script> function calc(operator){     ...
Read more