-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
282 lines (267 loc) · 13.4 KB
/
index.html
File metadata and controls
282 lines (267 loc) · 13.4 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
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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
<!DOCTYPE html>
<html>
<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>lesson</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@500;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700;800;900&family=Teko&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;700;800;900&family=Libre+Caslon+Text&family=Teko&display=swap" rel="stylesheet">
</head>
<body>
<nav>
<ul class="list1">
<li class ="li1">
Progress
</li>
<li class="dropdown"><a class="a1" href="#">COMPANY<span>▾</span></a>
<div class="dropdown-content">
<div class="emptydiv"></div>
<p><a class="a2" href="#">Company Overview</a></p>
<p><a class="a2" href="#">Leadership</a></p>
<p><a class="a2" href="#">Corporate social Responsibility</a></p>
<p><a class="a2" href="#">Investor Relations</a></p>
<p><a class="a2" href="#">Press releases</a></p>
<p><a class="a2" href="#">Press coverage</a><p>
<p><a class="a2" href="#">Recognitions</a></p>
<p><a class="a2" href="#">Progress labs</a></p>
<p><a class="a2" href="#">Event</a></p>
<p><a class="a2" href="#">Customers</a></p>
<p><a class="a2" href="#">Career</a></p>
<p><a class="a2" href="#">Offices</a></p>
</div>
<span class="caret"></span>
</li>
<li class="dropdown" ><a class="a1" href="#">TECHNOLOGY<span>▾</span></a>
<div class="dropdown-content">
<div class="emptydiv"></div>
<p><a class="a2" href="#">Cloud Native App Dev Platform</a></p>
<p><a class="a2" href="#">Cognitive services</a></p>
<p><a class="a2" href="#">Web Content Management</a></p>
<p><a class="a2" href="#">UI/UX Tools</a></p>
<p><a class="a2" href="#">Secure data Connectivivty and Integration</a></p>
<p><a class="a2" href="#">Secure managed File Transfer</a></p>
<p><a class="a2" href="#">OpenEdge</a></p>
<p><a class="a2" href="#">Network Monitoring</a></p>
</div>
</li>
<li class="li3"><a class="a1" href="">SERVICES</a></li>
</ul>
<div class="second-head">
<div class="s-head-div1">
<ul>
<li class="tel"><a class="a-1" href="#">Telerik</a></li>
<li class="dropdown"><a class="a-1" href="#">All Products<span>▾</span></a>
</li>
</ul>
</div>
<div class="s-head-div2">
<ul>
<li><a class="a3" href="#">DEMOS</a></li>
<li><a class="a3" href="#">PRICING</a></li>
<li><a class="a3" href="#">BLOGS</a></li>
<li><a class="a3" href="#">DOCS &</a></li>
<li><a class="a3" href="#">SUPPORT</a></li>
<li><a class="a-2" href="#">GET A FREE TRIAL</a></li>
</ul>
</div>
<div class="hamburger" onclick="toggleClass()">
<h1>☰</h1>
</div>
</div>
</nav>
<main>
<section class="section1">
<p class="sect1-p1">Modern UI Made Easy</p>
<p class="sect1-p2">Powering millions of .NET and JavaScript apps. Now supporting chatbots! </p>
</section>
<div class="section1-div">
<div>
<p class="section1-div-p1">Net Developer</p>
<p class="section1-div-p2">Telerik DevCraft</p>
<p class="section1-div1-p3">.NET controls, Kendo UI JavaScript components, reporting, automated testing and productivity tools</p>
<form>
<input type="button" value="More About DevCraft"><br>
<input type="button" value="Download Free Trial">
</form>
</div>
<div>
<p class="section1-div-p1">JavaScript Developer</p>
<p class="section1-div-p2">Kendo UI®<p>
<p class="section1-div-p3">UI components for JavaScript frameworks including jQuery, Angular, React, and Vue for responsive web and data visualization</p>
<form>
<input type="button" value="More About DevCraft"><br>
<input type="button" value="Download Free Trial">
</form>
</div>
</div>
<section class="section2">
<p class="sect2-p1">How do Telerik UI Libraries Cut Development Time?</p>
<p class="sect2-p2">Progress Telerik UI libraries equip .NET ninjas with a full arsenal of weapons to help you create beautiful, modern and future-proof applications quickly and intuitively. With over 1,250+ snappy UI components for all .NET platforms, as well as various themes, skins and customization options, Telerik users regularly report cutting development time by up to 50 percent.</p>
<div class="section2-div">
<div class="section2-div-div">
<div class="section2-div-div-div">
<div>
<img src="https://res.cloudinary.com/hamskid/image/upload/v1595200749/Lesson7fd/diamond_er28lf.PNG">
<p class="s2-d-d-p1">UI Components for all .NET and JavaScript Frameworks</p>
<p class="s2-d-d-p2">Get a wide range of quality UI controls for any .NET platform (ASP.NET AJAX, MVC, Core, Xamarin, WPF, WinForms and UWP) and JavaScript framework (jQuery, Angular, React, Vue) including complex must-have components such as Grids and Charts, and our always popular Maps, Gauges, Diagrams, Calendars and more. Don’t take our quality claims at face value. Take our products for a spin.</p>
</div>
<div>
<img src="https://res.cloudinary.com/hamskid/image/upload/v1595200749/Lesson7fd/archive_puhtgk.PNG">
<p class="s2-d-d-p1">Beautiful and Modern Themes</p>
<p class="s2-d-d-p2">Every Telerik control can be customized with pre-built themes and skins to help you tailor the look of your application to the needs of your business. Choose from Material, Office 2016, Windows 8, Windows 7, Fluent-inspired themes and many more to customize your web, mobile or desktop application however you see fit. </p>
</div>
</div>
<div class="section2-div-div-div">
<div>
<img src="https://res.cloudinary.com/hamskid/image/upload/v1595200749/Lesson7fd/id-card_upxjzj.PNG">
<p class="s2-d-d-p1">Training and Support Included </p>
<p class="s2-d-d-p2">Access 30+ hours of on-demand technical product training with your active license, allowing you to be on-boarded and successful with our tools quickly. Also, get product support on your terms, when you need it and how you need it, delivered by the same engineers who built the products. Support is available via web or phone ensuring every project can be seen to successful completion. </p>
</div>
</div>
</div>
<div class="section2-div-div">
<div class="section2-div-div-div">
<div>
<img src="https://res.cloudinary.com/hamskid/image/upload/v1595200749/Lesson7fd/file_k317hz.PNG">
<p class="s2-d-d-p1">Extensive Document Processing Libraries</p>
<p class="s2-d-d-p2">Take advantage of built-in features for manipulation of the most commonly used flow, fixed and spreadsheet document formats for web and desktop .NET applications without relying on third party software (Microsoft Office, Adobe Acrobat, etc). </p>
</div>
<div>
<img src="https://res.cloudinary.com/hamskid/image/upload/v1595200749/Lesson7fd/idea_vsks3h.PNG">
<p class="s2-d-d-p1">Powerful Reporting Solution</p>
<p class="s2-d-d-p2">Take advantage of Telerik Reporting—a complete .NET Reporting Solution for Web, Mobile and Desktop applications. Create, view, export and schedule rich, beautiful, interactive and reusable reports with data from over 17 supported databases to help your business get to the next level.</p>
</div>
</div>
<div class="section2-div-div-div">
<div>
<img src="https://res.cloudinary.com/hamskid/image/upload/v1595200749/Lesson7fd/id-card2_rvlpfv.PNG">
<p class="s2-d-d-p1">Thorough Product Demos</p>
<p class="s2-d-d-p2">See the powerful controls in each toolbox in action, even before you start creating your apps. Through hundreds of professionally designed product demos, you can see how your application will look. </p>
</div>
</div>
</div>
</div>
</section>
<section class="section3">
<p class="sect3-p1">Get Started With Our Products for Free</p>
<p class="sect3-p2">Our products are free to try, easy to set up and work seamlessly together</p>
<form class="sect3-d">
<button class="but3">Start with Telerik DevCraft</button>
<button class="but3">Start with Kendo UI</button>
</form>
</section>
<section class="section4">
<p class="section4-p">News & Updates</p>
<div class="section4-div">
<div>
<a class="a4"href="#">
<p class="but-p">RELEASE</p>
<p class="but-d-p">Telerik and Kendo UI R1 2020 Releases Are Here!</p>
<p class="but-d2-p">With the Telerik and Kendo UI controls and tools, our mission is to make the life of software developers easier. </p></a>
</div>
<div>
<a class="a4" href="#">
<p class="but-p">RELEASE</p>
<p class="but-d-p">Telerik UI for Blazor 2.5.0 now with support for .NET Core 3.1 LTS!</p></a>
</div>
<div>
<a class="a4" href="#">
<p class="but-p">RELEASE</p>
<p class="but-d-p">Progress' Update on COVID-19 as well as Our Commitment to Business Continuity</p></a>
</div>
</div>
<div class="section4-div">
<div>
<a class="a4"href="#">
<p class="but-p">REPORT</p>
<p class="but-d-p">Progress Named a Leader in First Ever 2019 Gartner Magic Quadrant for Multiexperience Development Platform</p></a>
</div>
<div>
<a class="a4"href="#">
<p class="but-p">REPORT</p>
<p class="but-d-p">Progress Recognized in 2019 Gartner Magic Quadrant for Web Content Management</p></a>
</div>
<div>
<a class="a4" href="#">
<p class="but-p">WHITEPAPER</p>
<p class="but-d-p">The Future of JavaScript: 2019 and Beyond</p>
<P class="but-d2-p">What is the state of the JavaScript ecosystem? What are the latest developments and trends, and how will things change in 2019 and beyond?</P></a>
</div>
</div>
</section>
<section class="section5">
<p class="sect5-p">Trusted by NASA, HP and Millions More</p>
<p class="sect5-p2">Uncompromised quality comes from a 15-year track record of helping millions of developers create beautiful user experiences for mission-critical applications. The same developers who built our controls will provide your support so you can deliver your projects on time. We live with your daily challenges, striving to solve them with the best products, predictable release cycles (three per year) and support within hours.</p>
<div class="sect5-d">
<video src="https://res.cloudinary.com/hamskid/video/upload/v1595189772/Lesson7fd/h_fi2vqf.MP4" controls></video>
<div class="s5-d-d">
<p class="video2">VIDEO</p>
<p class="s5-d-d-p">Why NASA Chose to Depend on the Web App Quality of Telerik</p>
</div>
</div>
<div class="sect5-d2">
<div>
<p class="s5-d2-d-p">140K+</p>
<p class="s5-d2-d-p2">customers</p>
</div>
<div>
<p class="s5-d2-d-p">2.1M+</p>
<p class="s5-d2-d-p2">developers</p>
</div>
<div>
<p class="s5-d2-d-p">400+</p>
<p class="s5-d2-d-p2">awards</p>
</div>
</div>
<div class="sect5-d3">
<img class="visa" src="https://res.cloudinary.com/hamskid/image/upload/v1595189670/Lesson7fd/visa_bcvjsb.PNG">
<img class="visa" src="https://res.cloudinary.com/hamskid/image/upload/v1595189669/Lesson7fd/samsung_qfwkic.PNG">
<img class="visa" src="https://res.cloudinary.com/hamskid/image/upload/v1595189678/Lesson7fd/volvo_e49hl3.PNG">
</div>
</section>
</main>
<footer class="section6">
<div class="sect6-d">
<img class="logo" src="https://res.cloudinary.com/hamskid/image/upload/v1595189669/Lesson7fd/tbw-logo_psxdrq.PNG">
<div class="s6-d-d">
<p class="s6-d-d-p">Finding the answers that you need is our top priority</p>
<p class="s6-d-d-p2">Progress was named one of the "Ten Best Support Sites" by the Association of Support Professionals. Our commitment to you is to continue improving your experience across the site and strive to provide you with the information you need in the ways you need it. Read why Telerik Support is considered among the best.</p>
</div>
</div>
<div class="sect6-d2">
<div class="sect6-d2-div">
<p class="sect6-d2-div-p1">Subscribe to Telerik Product Newsletter</p>
<p class="sect6-d2-div-p2">Get the latest Telerik product news and updates delivered straight to your inbox</p>
</div>
<form>
<div>
Email<br>
<input type="text" required>
</div>
<div>
Country/Territory<br>
<input id="inpt2" class="inpt" list="country_list" placeholder="select country/territory">
<datalist id="country_list">
<option>America</option>
<option>Ghana</option>
<option>Nigeria</option>
<option>Chiner</option>
<option>USA</option>
</datalist>
</div>
<div><br>
<button type="submit" >Subscribe</button>
</div>
</form>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js" integrity="sha256-ABrLsV2caVEMCBfm3eNhv/CYQG+tGCqzw2f4b/Pag0M=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TimelineMax.min.js" integrity="sha256-v/YsEqWkVsiNHryCWg+vjC/eDBakMAgOsCJRa0kNPOg=" crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>