-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
94 lines (77 loc) · 3.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="main.css">
<title>YouWillLearn</title>
</head>
<body>
<main>
<h1>You'll Learn</h1>
<div class = "container">
<div class="box htmlbox">
<img src="html.png">
<figcaption>HTML</figcaption>
<p id="htmlexp">You will write semantic markup in HTML5 which is the latest standard of core technology of web.</p>
</div>
<div class="box cssbox">
<img src="css.png">
<figcaption>CSS3</figcaption>
<p id="cssexp">You will style web pages using CSS3, leveraging on the new CSS3 modules, making modern websites.</p>
</div>
<div class="box responsivebox">
<img src="responsive.png">
<figcaption>Responsive Web Design</figcaption>
<p id="resposiveexp">You will build websites that look awesome not only on desktops, but also on mobile phones and tablets.</p>
</div>
<div class="box uiuxbox">
<img src="ui-ux.png">
<figcaption>UI & UX Design</figcaption>
<p id="uiuxexp">You will learn basics of UI & UX Design and use these concepts in build apps that are both functional and usable.</p>
</div>
<div class="box javascriptbox">
<img src="js.jpg">
<figcaption>Javascript</figcaption>
<p id="javascriptexp">You will define the behavior of web pages using JavaScript. You will dive deeper into amazing parts of JavaScript.</p>
</div>
<div class="box jquerybox">
<img src="jquery.png">
<figcaption>jQuery</figcaption>
<p id="jqueryexp">You will enhance the behavior of web pages leveraging on jQuery and jQuery plug-ins.</p>
</div>
<div class="box ajaxbox">
<img src="ajax.png">
<figcaption>AJAX</figcaption>
<p id="ajaxexp">You will build web apps that send data to and retrieve data from a server asynchronously without interfering users' behaviour.</p>
</div>
<div class="box npmbox">
<img src="npm.png">
<figcaption>npm</figcaption>
<p id="npmexp">You will use npm, the default package manager for Node.js, to reuse some of the best utilities written already.</p>
</div>
<div class="box githerokubox">
<img src="git.png">
<figcaption>Git & Heroku</figcaption>
<p id="gitexp">You will start following git workflow using github. You will also deploy your applications with Heroku.</p>
</div>
<div class="box algorithmbox">
<img src="algorithms.png">
<figcaption>Algorithms</figcaption>
<p id="algoexp">Knowledge of Algorithms is a key factor in cracking coding interviews. You will use them to solve problems.</p>
</div>
<div class="box datastrbox">
<img src="data-structures.png">
<figcaption>Data Structures</figcaption>
<p id="datastrexp">You will understand famous data structures and use the right data structures to optimize the performance of your app.</p>
</div>
<div class="box functionalbox">
<img src="functional-programming.png">
<figcaption>Functional Programming</figcaption>
<p id="functionalexp">Functional Programming is on a rise. You will solve problems using side effect free functions as basic building blocks.</p>
</div>
</div>
</main>
</body>
</html>