Scribd
Upload
11 views

CSS Computer Science Project

CSS Computer science project class 10

Uploaded by

aakritigupta7227
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
11 views

CSS Computer Science Project

CSS Computer science project class 10

Uploaded by

aakritigupta7227
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

Computer Project

Name : Divij Srivastav


Class - X-C
Roll no. 22

Divij.html

<html>
<head>
<link rel="stylesheet" href="specification.css">
<title> Rockers Dance,Singing and Music Academy </title>
</head>
<body><br><br>
<h1>rockers dance,singing and music academy</h1>
<p>Dance and Music are art forms that have been closely linked throughout human history. Dance is often
performed to music, and many different styles of dance have developed in conjunction with specific types of music.
Music can also be composed specifically to accompany a particular type of dance. Together, dance and music can be
used to tell stories, express emotions, and create a sense of community. They are often used in religious ceremonies,
cultural events, and social gatherings, and can also be performed professionally in theater, film, and other contexts.
</p><br><br>
<a href="artists.html">CLICK HERE TO SEE SOME FAMOUS ARTISTS</a>
<br><h1>ABOUT US</h1>
<p> "Rockers" dance and music academy would likely be an educational institution that teaches students about the
various styles of rock music and dancing associated with it. This could include instruction on playing instruments such
as guitar, bass, drums, and keyboards, as well as singing and songwriting, and dancing. Classes may be offered for
students of all skill levels and ages, from beginner to advanced, and may include group and individual instruction. The
academy may also offer performance opportunities for the students, like concerts or shows. Some may also have
additional programs like recording sessions, audio engineering or music production classes.</p>
<a href="achiev.html">CLICK HERE TO SEE OUR ACAMDEMY'S ACHIEVMENTS.</a>

<h2 align="center">WHAT WE WILL PROVIDE YOU:</h2><br><br>


<br><br>

<b>in dance we will provide you various kinds of dance forms such as:</b>
<ul>
<li>kathakali </li>
<LI>kathak</LI>
<li>bharatnatyam</li>
<LI>odissi</LI>
<LI>kuchipudi</LI>
<LI>hip hop</LI>
<LI>jazz</LI>
<LI>folk dance</LI>
</ul><br><br>
<b>INCASE IF YOU ARE WONDERING WHAT IS HIP HOP DANCE THEN WE HAVE A VIDEO FOR YOU</b>
<br><br>
<a href="hiphop.mp4">click here to see the video</a><br><br>
<b>for music instruments we have:</b> :
<UL>
<li>guitar</li>
<li>piano</LI>
<LI>violin</LI>
<li>drum</li>
</UL><br><br><br><br><br>
<b>for singing:</b>
<UL>
<li>ghazal</li>
<li>blues</li>
<li>jazz</li>
<LI>rock</LI>
<LI>pop</LI>
</UL>
<b>INCASE IF YOU ARE WONDERING WHAT IS BLUES THEN WE HAVE A AUDIO FOR YOU</b><br><br>
<a href="BLUES.mp3">click here to listen the audio</a>
<BR>
<BR>
<BR>
<a href="gallery.html">CLICK HERE TO SEE OUR PHOTO GALLERY</a>
<TABLE border="5" >
<caption>TIMINGS(IN PM)</caption>
<TD>MONDAY </TD>
<TD>6-8</TD>
</TR>
<tr>
<TD>TUESDAY </TD>
<TD>6-8</TD>
</tr>
<TR>
<TD>WEDNESDAY</TD>
<TD>5-7</TD>
</TR>
<TR>
<TD>THURSDAY</TD>
<TD>5-7</TD>
</TR>
<TR>
<TD>FRIDAY</TD>
<TD>4-6</TD>
</TR>
<TR>
<TD>SATURDAY</TD>
<TD>2-3:30</TD>
</TR>
<TR>
<TD>SUNDAY</TD>
<TD>9-11(AM)</TD>
</TR>
</TABLE>
<br>
<br>
<br>
<marquee>admissions open</marquee><br><br><br><br><br><br><br><br><br><br><br>
<b>LOCATON-11,BIRHANA ROAD,KANPUR</b><br><Br>
<b> FOR MORE DETAILS CONTACT AT:</b><BR><br>
<b> TELEPHONE NO.-</b> <a href="tel:6307907640">6307907640</a>
<BR>
<b> E-MAIL-</b><A HREF="mailto:divijsriv.16782@gmail.com">divijsriv.16782@gmail.com</a>
<BR><BR>
<b> STUDENDTS ARE REQUIRED TO CLICK ON LINK BELOW TO FILL THE FORM DETAILS:</b>
<br><br>
<A href="form.html">CLICK HERE TO REGISTER</A>
</html>

achiev.html

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="specification.css"
</head>
<body>
<h2>our achievments:</h2>
<ul>
<li>winners at grand dance championship 2019</li>
<LI>winners at singing champs 2021</LI>
<li>winners at the acoustic session 2019</li>
<li>winners at shake a leg 2022</li>
<li>winners-up at vcc 2018</li>
<img src="trophy.jpg">
<img src="trophy2.jpg" width="450px" height="350">
</ul><br><br>
</body>
</html>

Artists.html

<html>
<head><link rel="stylesheet" href="specification.css">
</head>
<body>
<h2>Some famous dancers:</h2>
<ul type="circle">
<li>Uday Shankar </li>
<li>Pandit Birjumaharaj</li>
<LI>Prabhu Deva </Li>
<LI>Malika Sarabhai</LI>
<LI>Mirnali Sarabhai</LI>
</ul>
<h2>Some famous singers: </h2>
<UL type="cirlce">
<LI> Arjit Singh</LI>
<LI>AR Rahman</LI>
<LI>Shreya Ghoshal </LI>
<LI>Krishnakumar Kunnath</LI>
<LI>Kishore Kumar</LI>
</UL>
<h2>Some famous musicians:</h2>
<ul type="circle">
<li>Ustad Bismillah Khan</li>
<LI>Ravi Shankar</LI>
<LI>Zakir Hussain</LI>
<LI>Amjad Ali khan</LI>
<LI>RD Burman</LI>

</ul>
</body>
</html>

Gallery.html

<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<img src="1.jpg" width="1500px">
<img src="2.jpg" width="1500px">
<img src="3.jpg" width="1500px">
<img src="4.jpg" width="1500px">
<img src="5.jpg" width="1500px">
<img src="6.jpg" width="1500px">
<img src="7.jpg" width="1500px">
</body>
</html>

Form.html

<head>
<link rel="stylesheet" href="formstyle.css">
</head>
<body>

<form method="post">
NAME:
<input type="text" name="NAME">
<br><br>DATE OF BIRTH <br>
<textarea rows="3" cols="10">dd-mm--yy</textarea><br><br>
AGE:
<select>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
</select><br><br>
ADDRESS:
<input type="text" name="ADDRESS"><br><br><br><br>
INTREST:
<input type="radio" name="intrest" id="DANCE">DANCE
<input type="radio" name="intrest" id="MUSIC">MUSIC
<input type="radio" name="intrest" id="SINGING">SINGING<br><br><br><br>
SELECT THE DANCE FORM YOUR ARE INTRESTED IN: (ONLY FOR THOSE WHO HAVE CHOOSEN DANCE)
<select>
<option value="KATHAKALI">KATHAKALI</option>
<option value="KATHAK">KATHAK</option>
<option value="BHARATNATYAM">BHARATNATYAM</option>
<option value="ODISSI">ODISSI</option>
<option value="KUCHIPUDI">KUCHIPUDI</option>
<option value="HIP HOP">HIP HOP</option>
<option value="JAZZ">JAZZ</option>
<option value="FOLK DANCE"> FOLK DANCE</option>
</select>
<br><BR><br<br>
SELECT THE MUSIC INSTRUMENT YOU ARE INTRESTED IN: (ONLY FOR THOSE WHO HAVE CHOOSEN
MUSIC)
<select>
<option value="GUITAR">GUITAR</option>
<option value="PIANO">PIANO</option>
<option value="DRUM">DRUM</option>
<option value="VIOLIN">VIOLIN</option>
<option value="FLUTE">FLUTE</option>
</select><br><br>
SELECT THE SINGING FORM YOU ARE INTRESTED IN:(ONLY FOR THOSE WHO HAVE CHOOSEN
SINGING)
<select>
<option value="GHAZAL">GHAZAL</option>
<option value="BLUES">BLUES</option>
<option value="JAZZ">JAZZ</option>
<option value="ROCK">ROCK</option>
<option value="POP">POP</option>
</select>
<br><br>
<input type="submit" name="submit">
<input type="reset" name="reset">
</form>
</body>
Specifications.css

body
{

background-image: url(bg.jpg);
/* background-size: cover; */
/* background-position:center; */
}
p{
font-size: 25px;color: rgb(255, 255, 255);
font-style: italic;
word-spacing:5px;
margin-left: 20px;
margin-right: 10px;
}
h1{
text-align: center;
color:rgb(255, 255, 0);
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
text-decoration: underline;
text-transform: uppercase;
}
h2{
font-size: larger;
font-family: Verdana, Geneva, Tahoma, sans-serif;
color: yellow;
margin-left: 20px;
text-transform: uppercase;
text-decoration: underline;
}
ol,li
{
font-size: 20px;
font-style: oblique;
color:aqua;
text-transform: uppercase;
}
b{
font-size: 20px;
color: orange;
text-transform: capitalize;
text-decoration:underline;
}
table
{
color: yellow;
border-width: 10px;
border-color:orange;
border-style: groove;
text-align: center;
margin-left: 700px;
font-size: 30px;
}

marquee
{
font-size: 40px;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
text-transform: uppercase;
color: orange;
}
a{
font-size: 25px;
color: yellow;
}
img
{
margin-right: 100px;
margin-left: 200px;
}

Formstyle.css

body
{
background-image: url(ms.jpg);
}
form{
font-size: 25px;color: rgb(0, 0, 0);
font-style: italic;
word-spacing:5px;
margin-left: 20px;
margin-right: 10px;
}

Screenshots
Form
Video

Audio

You might also like