html_css/index.html at master · umthi/html_css · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html>
<head>
	<title>First web page</title>
    <meta name="description" content="Dream Music academy website">
	<link rel="stylesheet" type="text/css" href="css/external.css">
	<link rel="stylesheet" type="text/css" href="css/960_12_col.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/text.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href='//fonts.googleapis.com/css?family=Alegreya Sans SC' rel='stylesheet'>
</head>
<body>
<div class="main container_12">
<header>
<img class="img grid_2" src="img\logoo.png">
<h1 class="hh grid_4">Dream Music Academy</h1>
	<nav class="grid_6">
	<i class="fa fa-sign-in" aria-hidden="true"><a href="#">Login</a></i><br><br>
		<ul>
		<li><a href="#">HOME</a></li>
		<li><a href="#">COURSES</a></li>
		<li><a href="#">ACADEMY</a></li>
		<li><a href="#">PROGRAMS</a></li>
		<li></li>
		</ul>
	</nav>
</header>
<div class="sub">
<div class="primary container_12">
	<section class="grid_2 alpha">
	<h1 id="txt">Start!!</h1>
	</section>
	<section class="grid_4">
	<img id="img1" src="img\music2.jpg">
	</section>
	<section class="grid_4">
	<img id="img1" src="img\learn.jpg">
	</section>
	<section class="grid_2 omega">
	<h1 id="txt">Learning!!</h1>
	</section>
	</div>
	<div class="hero container_12">
	<section class="grid_12">
		<iframe width="950" height="500" src="https://www.youtube.com/embed/OgnMyJ7GD1s" frameborder="0" allowfullscreen></iframe>
	</section>
	</div>
     <div class="col container_12">
     	<section class="grid_4 alpha"><br>
     		<h1 id="txt1">The Power Of Music</h1><br><br>
     		<img id="img2" src="img\power.jpg"><br><br>
     		<p id="p">
     			Music is much more than rhythm; it has the power to reach deep into the human spirit. Music is a universal language that can touch hearts and inspire masses.At the RDX Music Academy, we understand that music can unite minds. Driven by this conviction, we teach music with the wider mission of bringing people closer for an enriched, progressive community.
     		</p>
     	</section>
     	<section class="grid_4"><br>
     		<h1 id="txt1">Welcome to the Dream Musical Academy</h1>
     		<img id="img2" src="img\acadamy.jpg"><br><br>
     		<p id="p">
     			Music Academy is a music school with a difference.It is an institute that nurtures your passion for music, facilitating you to transform your dream into a reality.Whether you are simply a hobbyist or a practicing musician aspiring for greater success, This Music Academy will groom you for a bright future in the booming entertainment industry.All instruments of the Orchestra are taught.
     		</p>
     	</section>
     	<section class="grid_4 omega"><br>
     		<h1 id="txt1">Internationally certified courses</h1>
     		<img id="img2" src="img\certificate.jpg"><br><br>
     		<p id="p">
     			We offer courses designed by Trinity School of Music, London. Apart from being an internationally acknowledged qualification, these Degree/Diploma courses are thoughtfully structured to develop genuine musical understanding.
     		</p>
     	</section>
     </div>
     <div class="row container_12">
     	<section class="first grid_6">
     		<h1 id="h">Contact Us</h1>
     		<h2 id="h">Dream Music Academy</h2>
     		<h3 id="h">patil plaza,4th floor,opposite FC clg,
     		     next to hotel savera,bangalore-41001.</h3>
     		     <h5 id="h">
     		     	contact no:9873450945<br>
     		     	Email:uma12@gmail.com<br>
     		     	web:www.rdxmusic.co.in
     		     </h5>
     	</section>
     	<section class="second grid_6">
     		<section class="sec grid_6">
     			<h1 id="h1">Our courses</h1>
     		</section>
     		<section class="sec1 grid_6">
     		<section class="grid_3">
     			<h3 id="course">Keyboard</h3>
     		</section>
     			<section>
     				<img id="img3" src="img\learn2.jpg">
     			</section>
     		</section>
     		<section class="sec2 grid_6">
     		<section class="grid_3">
     			<h3 id="course">Guitar</h3>
     		</section>
     			<section>
     				<img id="img3" src="img\music4.jpg">
     			</section>
     		</section>
     		<section class="sec3 grid_6">
     		<section class="grid_3">
     			<h3 id="course">Violin</h3>
     		</section>
     			<section>
     				<img id="img3" src="img\violin.png">
     			</section>
     		</section>
     		<section class="sec4 grid_6">
     		<section class="grid_3">
     			<h3>Tabla</h3>
     		</section>
     			<section>
     				<img id="img3" src="img\Tabla.jpg">
     			</section>
     		</section>
     	</section>
     </div>
</div>
</div>
<footer class="foot container_12">
    <section class="grid_6">
    <p>Copyrights © 2014 All Rights Reserved by Dream academy.<br>
       Terms of Use / Privacy Policy</p>
       </section>
       <section class="grid_6">
        <i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i>
        <i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i>
        <i class="fa fa-google-plus fa-2x" aria-hidden="true"></i>
        <i class="fa fa-yahoo fa-2x" aria-hidden="true"></i>
        <i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i>
        </section>
    </footer>
</body>
</html>