<title>
.sname p {
font : bold normal 70px 'Averia Serif Libre', cursive;
color : #9aa9d8;
padding:0px;
margin:10px;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-image:url(http://getwallpapers.com/wallpaper/full/0/b/d/69574.jpg);
/*image to text*/
}
.sname {
background: linear-gradient( #010920,#617ed8, #8396d3,#617ed8, #010920);
}
header {
height:40px;
background-color:#010c30;
padding-top:20px;
position:sticky;
top:10px;
}
header a {
padding:100px;
font: bold normal 20px Cambria Math;
color:#9aa9d8;
}
.dropdown {
display: inline-block;
position: relative;
}
.dropdown::after {
content: "\25b6";
position: absolute;
top: 6%; right: 65px;
transform:rotate(90deg);
color:lightblue;
}
.dropdown-options {
display: none;
position: absolute;
background-color:#010c30;
color:black;
padding:5px;
}
.dropdown:hover .dropdown-options {
display: block;
}
.wel1{
font-size:35px;
margin-top:0px;
background:radial-gradient()
}
.wel2{
font-size:35px;
margin-top:420px;
margin-bottom:0px;
background:radial-gradient()
}
.conver {
font-size:30px;
background-color: #010c30;
border-radius:80px;
color:#9aa9d8;
padding:50px;
}
.intr h1 {
text-align: center;
font-size: 35px;
}
<div class="dropdown"><a href="#home">HOME</a><br>
<div class="dropdown-options"><br>
<a href="#intr">Introduction</a><br><br>
</div>
</div>
<a href="#">TUTORIAL</a><a href="">ABOUT US</a><a href="">CONTACT US</a>
<a name="home">
<div class="sname">
<p align="center"> Suvedha Tutorial </p>
</div>
<p align="center" class="wel1"> Hello Everyone !!!</p><p align="center" class="wel2"><br>A warm welcome to all who took the time to visit this page.</p>
<p align="center" class="conver">OK! Before going into the main topic, I just want you all to be a little interactive with me. <br>Will you ? Yes, fine.<br>So the thing is that when you feel sorrow, happiness, excitement, fear, etc...,<br>at that time you all have one person, whether he or she will be your parents, your siblings, or your friends, </p>
</a>
<a name="intr">
<div id="intr">
<h1>INTRODUCTION</h1>
<p>OK! Before going into the main topic, I just want you all to be a little interactive with me. <br>Will you ? Yes, fine.<br>So the thing is that when you feel sorrow, happiness, excitement, fear, etc...,<br>at that time you all have one person, whether he or she will be your parents, your siblings, or your friends,</p>
</div>
</a>
What I have tried:
By clicking on Introduction sub-menu inside the HOME, the Introduction part should be display
But it is not displaying