-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
131 lines (117 loc) · 4.16 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Soudeh Khedri</title>
<meta charset="UTF-8">
<meta name="description" content="Unica University Template">
<meta name="keywords" content="event, unica, creative, html">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link href="img/favicon.ico" rel="shortcut icon"/>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Rubik:400,400i,500,500i,700,700i" rel="stylesheet">
<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/themify-icons.css"/>
<link rel="stylesheet" href="css/magnific-popup.css"/>
<link rel="stylesheet" href="css/animate.css"/>
<link rel="stylesheet" href="css/owl.carousel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Page Preloder -->
<div id="preloder">
<div class="loader"></div>
</div>
<!-- header section -->
<header class="header-section">
<div class="container">
<!-- logo -->
<a href="index.html" class="site-logo"><img src="img/logo.png" alt=""></a>
<div class="nav-switch">
<i class="fa fa-bars"></i>
</div>
<div class="header-info">
<div class="hf-item">
<p><span>ساعات تماس:</span> ۱۴ تا ۲۱</p>
<i class="fa fa-clock-o"></i>
</div>
</div>
</div>
</header>
<!-- header section end-->
<!-- Header section -->
<nav class="nav-section">
<div class="container">
<ul class="main-menu">
<li class="active"><a href="index.html">خانه</a></li>
<li><a href="about.html">درباره ی من</a></li>
<li><a href="contact.html">تماس با من</a></li>
</ul>
</div>
</nav>
<!-- Header section end -->
<!-- Hero section -->
<section class="hero-section">
<div class="hero-slider owl-carousel">
<div class="hs-item set-bg" data-setbg="img/hero-slider/1.jpg">
<div class="hs-text man1">تدریس خصوصی گیتار و آواز</div>
</div>
<div class="hs-item set-bg" data-setbg="img/hero-slider/2.jpg">
<div class="hs-text man2 hs-subtitle" style="color: black !important;">برنده ی تندیس موسیقی تئاتر</div>
<div class="hs-text man3 hs-title" style="color: black !important;">جشنواره ی فجر</div>
</div>
</div>
</section>
<!-- Counter section end -->
<!-- Services section -->
<section class="service-section spad">
<div class="container services">
<div class="section-title text-center">
<h3 style="direction: rtl;">موارد آموزشی:</h3>
</div>
<div class="row">
<div class="col-lg-4 col-sm-6 service-item">
<div class="service-icon">
<img src="img/services-icons/1.png" alt="1">
</div>
<div class="service-content">
<h4>تئوری موسیقی</h4>
<p>آموزش نت خوانی و ریتم و اصول موسیقی به زبان ساده</p>
</div>
</div>
<div class="col-lg-4 col-sm-6 service-item">
<div class="service-icon">
<img src="img/services-icons/2.png" alt="1">
</div>
<div class="service-content">
<h4>آموزش آواز</h4>
<p>صداسازی، تنفس صحیح در سبک های کلاسیک ، راک و پاپ</p>
</div>
</div>
<div class="col-lg-4 col-sm-6 service-item">
<div class="service-icon">
<img src="img/services-icons/3.png" alt="1">
</div>
<div class="service-content">
<h4>تدریس گیتار</h4>
<p>تدریس گیتار در سبک های پاپ و راک با متد های تدریس آمریکا</p>
</div>
</div>
</div>
</div>
</section>
<!--====== Javascripts & Jquery ======-->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.countdown.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/magnific-popup.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>