A SIMPLE TYPE MENUS IN HTML || HOME OF A BLOG

By lakahman malviya
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>navigation</title>
    <style>
        .navbar {
            box-sizing: border-box;
            border: 2px solid rgb(202, 109, 109);
            border-radius: 10px;
            background-color: rgb(223, 202, 170);Z
            margin-top: 0px;
        }

        .navbar ul {
            /* text-decoration: none; */
            margin: 0px 0px;
            overflow: auto;
        }

        .navbar li {
            list-style: none;
            float: left
        }

        .navbar li {
            /* color:rgb(236, 240, 12); */
            font-size: large;

            padding: 0px;

        }

        .navbar a {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-weight: bold;
            text-decoration: none;
            color: rgb(74, 10, 248);
            /* font-style: italic; */
            padding: 25px;
            /* position: sticky; */
        }

         .navbar input{

            border: 2px solid red;
            border-radius: 5px;
            background-color: rgb(192, 182, 182);
        }

        .search {
            float: right;
            padding-right: 15px;
            padding-top: 2px;
            /* border-radius:10px; */
            /* border: 2px solid rgb(202, 109, 109); */
            /* border-radius: 10px; */
        }
    </style>
</head>

<body>
    <header>
        <nav class="navbar">
            <ul>
                <li><a
                        href="
file:///C:/Users/LAKSHMAN/OneDrive/Ve%20Tenu%20Pata%20Hi%20Nahi
_%20Rabb%20Wangu%20Naam%20Tera%20Lena%20_%20Jass%20Manak%20New%20Video%20
_%20Guri%20New%20Video.mp4">home
                    </a></li>
                <li><a href="
file:///C:/Users/LAKSHMAN/OneDrive
/30%20day%20phrasel%20english.pdf">blog</a></li>
                <li><a href=" 
file:///C:/Users/LAKSHMAN/Desktop/c++%20code/tut3
_input%20and%20text.html">contact us </a>
                </li>
                <li><a href="
https://www.instagram.com/lakshmanofficial8/"> chating</a></li>
                <div class="search">
                    <input type="text"
 name="search" id="search" placeholder="serach something">
                </div>
            </ul>
        </nav>
    </header>
</body>

</html> 

Comments

Post a Comment

Popular posts from this blog

250+ C Programs for Practice

By lakahman malviya
250+ C Programs for Practice PDF Free Download 1. Simple C Questions ● Area and Circumference of a Circle ● Print Ascii Value of the Character ● Area of Triangle ● Convert a Person’s Name in Abbreviated ● Simple Interest ● Gross Salary of an Employee ● Percentage of 5 Subjects ● Converting Temperature Celsius into Fahrenheit ● The Display Size of the Different Data Type ● Factorial of a Given Number ● Read Integer (N) and Print the First Three Powers (N^1, N^2, N^3) ● Area of a Circle ● LCM of Two Numbers ● GCD of Two Numbers 2. If/Else Statement ● The Greatest Number Among the Given Three Number ● The Number Is Positive or Negative ● Character Is Vowel or Consonant ● A Character Is an Alphabet or Not ● Uppercase, Lowercase, Special Character, or Digit ● The Number Is Positive or Negative ● The Number Is Even or Odd ● Greatest of Two Numbers ● Greatest Among Three Numbers ● Leap Year ● The Date Is Correct or Not ● Voting Eligibility Checker ● Find the maximum between two numbers. ● Fin...
Read more

FUNCTION OVERRIDING IN CPP

By lakahman malviya
  #include<conio.h> #include<iostream> using namespace std; class overriding {     int age;     public:          void over(){         cout<<"Enter your age :"<<endl;         cin>>age;         cout<<"Age: "<<age;              } }; class override{       char name[20];       public:       void over(){                cout<<"Enter your name "<<endl;     cin>>name;     cout<<"Name :"<<name; }       }; int main(){     overriding obj1;     obj1.over();          override obj;     obj.over();           return 0;      }
Read more