-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
147 lines (141 loc) · 5.68 KB
/
Copy pathindex.html
File metadata and controls
147 lines (141 loc) · 5.68 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Udemy Web Developing Course</title>
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<div class="main-wrapper">
<header class="header">
<div class="heading-mini desktop">
<div><i class="uil uil-bars mini"></i></div>
<ul class="mini-heading">
<li>
<a href="www.facbook.com"><i class="uil uil-facebook-f"></i></a>
</li>
<li><a href="www.twitter.com"><i class="uil uil-twitter"></i></a>
</li>
<li>
<a href="www.googletranslate.com">English</a>
</li>
<li>
<a href="index.html">My page</a>
</li>
<li>
<a href="#">Logout</a>
</li>
</ul>
</div>
<nav class="navbar">
<a href="index.html"><img src="./images/logo1.png" alt="Udemy logo" class="logo desktop"></a>
<ul id="nav-menu" class="nav-menu">
<i id="close-btn" class="uil uil-multiply close-btn mobile"></i>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#program">Program</a></li>
<li><a href="#about.html">Join</a></li>
<li><a href="#about.html">Sponsor</a></li>
<li><a href="#about.html">News</a></li>
<li><a href="#about.html" class="business">Udemy Business</a></li>
</ul>
</nav>
<div id="toggle" class="mobile">
<i class="uil uil-bars mobile-menu"></i>
</div>
</header>
<section id="#home" class="home">
<div class="container-wrapper">
<div class="main-text">
<h2 class="home-title">"Future-ready skills on your schedule!"</h2>
<h1 class="main-title">Unlock the power of
your people</h1>
</div>
<p class="home-text">Choose from 204,000 online video courses with new additions published every month courses and learn how to code using this incredibly useful website.</p>
<div class="date-time">
<h2 class="date-time-title">2022.10.17(MON) ~ 21(FRI)</h2>
<p>Skills for your present (and your future). Get started with us.</p>
</div>
</div>
</section>
<section id="program">
<h2 class="program-title ">Main Program</h2>
<div class="underlined"></div>
<div class="card-container">
<article class="single-card">
<img src="./images/program_icon_01.png" alt="the guys speaking">
<h4 class="card-title">Presentation</h4>
<div class="card-body">
<p class="card-text">Take one of Udemy’s range of Python courses and learn how to code using this incredibly useful language. </p>
</div>
</article>
<article class="single-card">
<img src="./images/program_icon_02.png" alt="program icon 2">
<h4 class="card-title">Phototgraphy</h4>
<div class="card-body">
<p class="card-text">Take one of Udemy’s range of Phototgraphy courses and learn how to make your career using this incredibly useful language. </p>
</div>
</article>
<article class="single-card">
<img src="./images/program_icon_03.png" alt="program_icon_03">
<h4 class="card-title">Coding</h4>
<div class="card-body">
<p class="card-text">Take one of Udemy’s range of Cloud Computing courses and learn how to code using this incredibly useful language. </p>
</div>
</article>
<article class="single-card">
<img src="./images/program_icon_04.png" alt="program_icon_04">
<h4 class="card-title">Lecture</h4>
<div class="card-body">
<p class="card-text">Take one of Udemy’s range of language courses and learn how to code using this incredibly useful language. </p>
</div>
</article>
<article class="single-card">
<img src="./images/program_icon_05.png" alt="program_icon_05">
<h4 class="card-title">Art</h4>
<div class="card-body">
<p class="card-text">Take one of Udemy’s range of data structure courses and learn how to code using this incredibly useful language. </p>
</div>
</article>
</div>
<a href="#program" class="program-link desktop">See the whole Program</a>
<button class="program-btn mobile">Join Our Community</button>
</section>
<section id="#feature" class="feature">
<h2 class="program-title feature-title">Feature Speakers</h2>
<div class="underlined"></div>
<div id="speaker-wrapper" class="speaker-wrapper">
<button class="more-btn mobile">MORE <i class="uil uil-arrow-down more-icon"></i></button>
</div>
</section>
<section class="home-footer desktop">
<h2 class="program-title">Partner</h2>
<div class="underlined"></div>
<div class="sponsor">
<div class="sponsor-wrapper">
<img class="card-icon" src="./images/nasdaq-dark.svg" alt="nasdaq-dark">
<img class="card-icon" src="./images/box-dark.svg" alt="box-dark">
<img class="card-icon" src="./images/netapp-dark.svg" alt="netapp-dark">
<img class="card-icon" src="./images/tcs-dark.svg" alt="tcs-dark">
<img class="card-icon mobile" src="./images/eventbrite-dark.svg" alt="event-dark">
</div>
</div>
</section>
<footer class="footer">
<a href="index.html"><img src="./images/logo1.png" alt="Udemy logo" class="logo footer-logo"></a>
<div class="footer-text">
<p class="footer-copy">2022 All Rights served to Soe Sandar Win</p>
<p class="footer-copy">At 65+ hours, this Web Development course is without a doubt the most comprehensive web development course available online.</p>
</div>
</footer>
</div>
<script src="./script.js" type="module"></script>
<script
src="https://kit.fontawesome.com/9ea65bb5f9.js"
crossorigin="anonymous"
></script>
</body>
</html>