-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathonline.html
159 lines (143 loc) · 5.32 KB
/
online.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<title>Online sources</title>
<meta charset="UTF-8" />
<meta name="description" content="a full website for the csci 305 cource contain the syllabus and many others">
<meta name="keywords" content="html,css,bootstrap, csci305, liu,project">
<meta name="author" content="Mohammad Omar">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<!-- ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc -->
<body>
<header>
<h1>CSCI<span>305</span></h1>
<nav>
<a href="index.html">Home</a>
<a href="Syllabus.html">Syllabus</a>
<a href="enroll.html">enroll</a>
<a class="selected" href="online.html">online Sources</a>
</nav>
</header>
<!-- ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc -->
<div id="likeHead">
<h2>Discover all what you need </h2>
<p>{Everyone can access education no matter the location}
</p>
</div>
<section id="online">
<h3>Featured courses</h3>
<div class="fle" id="pad">
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig1.jpg" alt="css">
<P>
Introduction to CSS
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig2.jpg" alt="html">
<P>
Introduction to html 5
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig3.jpg" alt="bootstrap">
<P>
Introduction to bootsrap 4
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig4.jpg" alt="web design">
<P>
Learnin web design
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig5.jpg" alt="prototype">
<P>
Learn prototyping
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig6.jpg" alt="organize file">
<P>
How to organize your file
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig7.jpg" alt="">
<P>
Introduction to css 3
</P>
</div>
</a>
<a href="https://www.youtube.com/user/LebIntUni" target="_blank">
<div class="colo">
<img src="images/fig8.jpg" alt="pwa">
<P>
Learn progressive web app
</P>
</div>
</a>
</div>
</section>
<section id="online">
<h3>Featured IDE</h3>
<div class="fle" id="pad">
<a href="https://atom.io/" target="_blank">
<div class="colo">
<img src="images/img1.jpg" alt="atome">
<P>
Atome IDE
</P>
</div>
</a>
<a href="https://www.sublimetext.com/" target="_blank">
<div class="colo">
<img src="images/img2.png" alt="sublime">
<P>
Sublime text IDE
</P>
</div>
</a>
<a href="https://code.visualstudio.com/" target="_blank">
<div class="colo">
<img src="images/img3.jpg" alt="code">
<P>
Visual studio code
</P>
</div>
</a>
<a href="http://brackets.io/" target="_blank">
<div class="colo">
<img src="images/img2.jpg" alt="bracket">
<P>
Bracket
</P>
</div>
</a>
</div>
</section>
<!-- ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc -->
<footer>
<h3>© Mohammad<span>Omar</span></h3>
<a href="http://www.liu.edu.lb" target="_blank">
<h3 id="right">Lebanese international university</h3>
</a>
</footer>
</body>
</html>