-
Notifications
You must be signed in to change notification settings - Fork 2
/
courses.html
209 lines (169 loc) · 8.06 KB
/
courses.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html>
<head>
<title>EduTech</title>
<meta charset="UTF-8">
<meta name="author" content="Hritik Aggarwal">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="CSS/common.css">
<link rel="stylesheet" type="text/css" href="CSS/Upper.css">
<link rel="stylesheet" type="text/css" href="CSS/footer.css">
<link rel="stylesheet" type="text/css" href="CSS/courses.css">
<link rel="stylesheet" type="text/css" href="CSS/nav.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="JS/loader.js"></script>
</head>
<body>
<div class="loader"></div>
<div class="navy">
<div class="toggle">
<div class="bars"></div>
</div>
</div>
<div class="con">
<div class="side"></div>
<div class="black">
<div class="bottom">
<div class="menu">
<a href="index.html"><div class="btext animated b1">HOME</div></a>
<div class="btext animated b2 curr">VIDEO LIBRARY</div>
<a href="stem/"><div class="btext animated b3">SHE FOR STEM</div></a>
<a href="about.html"><div class="btext animated b4">ABOUT US</div></a>
<a href="recommend.html"><div class="btext animated b5">RECOMMEND US</div></a>
<a href="testimonial.html"><div class="btext animated b6">TESTIMONIALS</div></a>
<a href="contact.html"><div class="btext animated b7">CONTACT US</div></a>
</div>
</div>
</div>
</div>
<script type="text/javascript">
x = $(".side");
y = $(".black");
z = $(".btext");
a = 1;
$(".navy").click(function () {
if(a==1){
$(".con").css({"z-index":"9000000"});
x.css({"width":"100%", "height":"100%"})
setTimeout(function() {
x.css({"transform":"scale(1.4)"})
}, 500);
setTimeout(function() {
x.css({"transform":"scale(11)"})
}, 1000);
setTimeout(function() {
y.css({"width":"200%", "height":"200%",visibility:"visible"})
}, 1300);
setTimeout(function() {
z.removeClass("fadeOutDown")
z.addClass("fadeInUp")
}, 1900);
a=0;
}else{
z.removeClass("fadeInUp")
z.addClass("fadeOutDown")
setTimeout(function() {
y.css({"width":"0%", "height":"0%",visibility:"0"})
}, 1400);
setTimeout(function() {
x.css({"transform":"scale(11)"})
}, 1800);
setTimeout(function() {
x.css({"width":"0%", "height":"0%"})
$(".con").css({"z-index":"0"});
}, 2800);
setTimeout(function() {
x.css({"transform":"scale(1.7)"})
}, 3000);
a=1;
}
})
</script>
<div class="section1">
<img src="ICONS/logo_white.png">
<h1>Video Library</h1>
</div>
<div class="section2">
<div class="courses">
<div class="c">
<img src="covers/InternetBasics.png">
<h2>Using Internet</h2>
<p>This course deals with the basic usage of Internet for total beginners. The course starts with introduction of a web browser, followed by searching on the Internet using the Google Search Engine. Next the course discusses a step-by-step procedure to create a new Gmail account, along with the basics of emailing.<p>
<button class="inte">Start Learning</button>
</div>
<div class="c">
<img src="covers/eng.png">
<h2>English</h2>
<p>Understand and master the usage of English grammar rules. This course helps the viewers understand the simple yet important concepts in the English language. Starting with nouns, the course extends all the way to punctuations and tenses. It’s the perfect course for any non-native beginner.</p>
<button class="engl">Start Learning</button>
</div>
<div class="c">
<img src="covers/social.png">
<h2>Social Networking</h2>
<p>Social Networking has become an important part of today’s world, but not many tutorials are available for people to grasp all the basic knowledge required by any first-timer. This course is just the right place. The course deals with starting up with Facebook, and working in its environment. New Courses coming shortly.</p>
<button class="net">Start Learning</button>
</div>
<div class="c">
<img src="covers/entre.png">
<h2>Entrepreneurship</h2>
<p>Entrepreneurship is the process of designing, launching, and running a new business which is often initially a small business. The people who create these businesses are called entrepreneurs. This course gives an introduction to entrepreneurship, and deals with its various aspects.</p>
<button class="entre">Start Learning</button>
</div>
<div class="c">
<img src="covers/gsuite.png">
<h2>G Suite</h2>
<p>The G Suite is a brand of cloud computing, productivity and collaboration tools, software and products developed by Google which includes Google Docs, Google Slides, Google Drive, etc. This course gives a complete basic walkthrough around a few of these products while going deep into the major features.</p>
<button class="sui">Start Learning</button></a>
</div>
<div class="c">
<img src="covers/microsoft.png">
<h2>MS Office</h2>
<p>Microsoft Office is an office suite of applications, servers, and services developed by Microsoft. The products include MS Word, MS PowerPoint, MS Access, and many more essential softwares. This course gives a complete basic walkthrough around a few of these products while going deep into the major features.</p>
<button class="office">Start Learning</button>
</div>
<div class="c">
<img src="covers/coding.png">
<h2>Web Development</h2>
<p>Web Development refers to the development of a web site for either the internet or intranet. This course will teach the viewers about HTML, CSS, and JavaScript, which are the fundamental languages for such a development. The course includes video tutorials for beginner, intermediate, and expert. </p>
<button class="web">Start Learning</button>
</div>
<div class="c">
<img src="covers/cpp.png">
<h2>C++ Programming</h2>
<p>C++ is an imperative, object-oriented and generic programming language, which is an extension of the language C. This language is one of the most popular programming languages, and forms the backbone of several other languages. This course gives detailed tutorials on the major commands of the language.</p>
<button class="cpp">Start Learning</button>
</div>
<div class="c">
<img src="covers/photoshop.png">
<h2>Photoshop</h2>
<p>Adobe Photoshop is a raster graphics editor developed and published by Adobe Systems for mac OS and Windows. This course helps getting started with using Adobe Photoshop with some basic tutorials, and then extends its reach to some major advanced concepts.</p>
<button class="ps">Start Learning</button>
</div>
<div class="c">
<img src="covers/doodling.png">
<h2>Doodling</h2>
<p>Doodles are simple drawings that can have concrete representational meaning or may just be composed of random and abstract lines. This course teaches the basic concepts of doodling, and how a person can master such a technique.</p>
<button class="dood">Start Learning</button>
</div>
<div class="c">
<img src="covers/ext.png">
<h2>Extensions</h2>
<p>There are many browsers available today, but the most preferred amongst them is Google Chrome. This course helps the user get the most out of Google Chrome by understanding and using different types of extensions.</p>
<button class="ext">Start Learning</button>
</div>
</div>
</div>
<div class="section4">
<div class="mail"><a href="mailto:teamedutechacademy@gmail.com">teamedutechacademy<span>@gmail</span></a></div>
<div class="contact">
<a href="https://www.facebook.com/edutechacademy/"><div class="box" style="background:#3b5997"><img src="ICONS/fbW.png"></div></a>
<a href="https://www.linkedin.com/company/edutechacademy/"><div class="box" style="background:#0077b5"><img src="ICONS/linkedinW.png"></div></a>
<a href="tel:+919958188118"><div class="box" style="background:#1bb4ab"><img src="ICONS/call.png"></div></a>
</div>
<p>© All Rights Reserved 2017</p>
</div>
<script type="text/javascript" src="JS/courses.js"></script>
</body>
</html>