2T26

[atiwari52276-maker]

<title>MY PROJECT</title> <style> body { font-family: Arial, Helvetica, sans-serif; margin: 0%; }

section {
text-align: center;
padding: 15px;
background-color: lightblue;
}

section h2 {
background-color: brown;
box-shadow: 0 5px 15px 20px;
}

section p {
font-weight: bolder;
transition: transform 0.6s cubic-bezier(0.25, 1, 0.25, 1);
display: inline-block;
box-shadow: 0 20px 50px;
border-radius: 0 5px 50px;
border: 2px solid black;
padding: 10px;
background-color: blueviolet;
}

section p:hover {
transform: translateY(-15px);
}

header {
border: 2px solid black;
background-color: rgb(93, 93, 232);
color: white;
padding: 15px;
text-align: right;
font-weight: bolder;

}

nav H1 {
box-shadow: 0 5px 24px;
border: 3px solid black;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
display: flex;
align-items: center;
color: rgb(158, 0, 0);

}

nav a {

color: white;
font-family: 'Times New Roman', Times, serif;
text-decoration: none;
margin: 20px;
font-size: 18px;

}

button {
padding: 10px 20px;
background-color: rgb(30, 0, 161);
border-radius: 0 15px 20px;
color: white;
cursor: pointer;
border: none;
}

button:hover {
color: yellow;
}

.card {
border: 2px solid black;
text-align: center;
background-color: #624242f2;
margin: 10px;
padding: 15px;
}

footer {
background-color: black;
color: white;
text-align: center;
padding: 10px;
}
</style>

ANURAG TIWARI THIS MY LEARNING COURSE

HOME COURCE CONTECT

    <h2>LEARN HTML & CSS </h2>
    <P>WELCOME ANURAG TIWARI WEB DEVELOPEMENT INFORMATION</P>
    <P>👉 “Anurag Tiwari would like to share something with you.”</P>
    <button><a href="https://www.youtube.com/watch?v=8ppBHEiFgwA"></a>Start Learning</button>

</section>
<section>
    <h2>OUR COURSE</h2>
    <div class="card">
        <h3>HTML BASICS</h3>
        <img src="1.png" alt="" width="150">
        <P>👉HTML (HyperText Markup Language) ek standard markup language hai jo web pages banane ke liye use hoti
            hai.
            Ye website ka structure define karti hai, jaise headings, paragraphs, images aur links.
            HTML browser ko batata hai ki content ko kaise display karna hai. 👈</P>
        <P>HTML एक मार्कअप लैंग्वेज है जिसका उपयोग वेबसाइट का ढांचा (structure) बनाने के लिए किया जाता है।
            यह बताता है कि वेब पेज में heading, paragraph, image, link कहाँ होंगे।
            HTML ब्राउज़र को निर्देश देता है कि content कैसे दिखाना है।</P>
    </div>
    <div class="card">
        <h3>Css Basics </h3>
        <img src="2.jpeg" alt="" width="150">
        <p>👉CSS (Cascading Style Sheets) ek styling language hai jo HTML pages ko design karne ke liye use hoti
            hai.
            Ye website ka color, layout, font aur spacing control karti hai.
            CSS se web page attractive aur responsive banaya jata hai.👈</p>
        <P>CSS एक स्टाइलिंग लैंग्वेज है जो वेबसाइट को सुंदर और आकर्षक बनाती है।
            इससे हम color, font, layout, spacing को कंट्रोल करते हैं।
            CSS की मदद से वेबसाइट responsive और design वाली बनती है।</P>
    </div>
    <div class="card">
        <h3>JavaScript</h3>
        <img src="3.jpeg" alt="" width="150">
        <p>👉JavaScript ek programming language hai jo website me interactivity add karti hai.
            Isse button click, form validation, animations jaise kaam hote hain.
            JavaScript se web page dynamic aur smart ban jata hai👈</p>
        <P>JavaScript एक प्रोग्रामिंग लैंग्वेज है जो वेबसाइट में interactivity जोड़ती है।
            इससे button click, form validation, animation जैसे काम होते हैं।
            JavaScript वेबसाइट को dynamic और smart बनाता है।</P>
    </div>

</section>
<footer>
    <a href="atiwari52276@gmail.com...7985015830">✉️atiwari52276@gmail.com ☎️PHONE 7985015830</a>
</footer>