-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
211 lines (210 loc) · 6.45 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Telegram Messenger</title>
<link
rel="icon"
type="image/x-icon"
href="https://telegram.org/img/favicon.ico"
/>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header class="main-header">
<nav class="navbar">
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Apps</a></li>
<li><a href="#">API</a></li>
<li><a href="#">Protocol</a></li>
</ul>
<div class="nav-icons">
<a href="#" class="icon-link"><span class="icon-globe"></span> EN</a>
<a href="#" class="icon-link"
><span class="icon-twitter"></span> Twitter</a
>
</div>
</nav>
</header>
<div class="content">
<div class="container">
<div class="logo-section">
<img
class="logo"
src="https://static.vecteezy.com/system/resources/previews/023/986/562/original/telegram-logo-telegram-logo-transparent-telegram-icon-transparent-free-free-png.png"
alt="Tle"
width="200"
height="200"
/>
<h1>Telegram</h1>
<p class="tagline">a new era of messaging</p>
</div>
<div class="news-container">
<h2 class="news-title">Recent News</h2>
<div class="news-item">
<p class="date">Jul 31</p>
<p class="title">
Telegram Browser, Mini App Store, Gifting Stars and More
</p>
</div>
<div class="news-item">
<p class="date">Jun 30</p>
<p class="title">Mini App Bar, Paid Media, Story Search & More</p>
</div>
<div class="news-item">
<p class="date">Jun 6</p>
<p class="title">Telegram Stars: Pay for Digital Goods and More</p>
</div>
</div>
</div>
</div>
<div class="parent">
<div class="download">
<div class="cardsdownload">
<video
class="tele_android"
muted=""
width="360"
height="260"
controls
autoplay
loop
playsinline
style="pointer-events: none"
>
<source type="video/mp4" src="t_main_Android_demo_2x.mp4" /></video
><br />
<i class="icon-android"></i><br />
<img
class="android"
src="https://telegram.org/img/SiteIconAndroid.svg"
alt="Android"
/>
Telegram for <b>Android</b>
</div>
</div>
<div class="download">
<div class="cardsdownload">
<video
class="tele_ios"
muted=""
width="360"
height="260"
controls
autoplay
loop
playsinline
style="pointer-events: none"
>
<source type="video/mp4" src="t_main_iOS_demo_2x.mp4" /></video
><br />
<i class="icon-ios"></i><br />
<img
class="ios"
src="https://telegram.org/img/SiteIconApple.svg"
alt="apple"
/>
Telegram for <b>iPhone</b> / <b>iPad</b>
</div>
</div>
<br />
<div class="desktop">
<div class="menu">
<div class="cardsdownload">
<img
src="https://telegram.org/img/SiteDesktop_2x.jpg?2"
alt="desktop"
width="1280"
height="320"
/><br />
<a href="#" class="menu-item"
>Telegram for <b>PC / Linux </b></a
>
<a href="#" class="menu-item">Telegram for <b>macOS</b></a>
</div>
</div>
<br /><br />
<div class="post">
<h2>Recent News</h2>
</div>
<div class="posts">
<div class="blog">
<img
src="https://telegram.org/file/400780400778/4/yJDJIfzD2yk.228129/e8b08c158413db534e"
width="366px"
height="220px"
alt=""
/>
<h3>Telegram Browser, Mini App Store, Gifting Stars and More</h3>
<p>
Today's update brings a new in-app browser that supports multiple
tabs and makes Web3 available to almost a billion users, a Mini
App Store…
</p>
<p class="blog_date">Aug 7, 2024</p>
</div>
<div class="blog">
<img
src="https://telegram.org/file/400780400026/1/xwmW8Qofk5M.263566/16218cb12e7549e76b"
width="366px"
height="220px"
/>
<h3>Mini App Bar, Paid Media, Story Search & More</h3>
<p>
Our June update adds a way to minimize mini apps into a compact
bar, helps content creators monetize their channels with paid
photos and…
</p>
<p class="blog_date">Aug 7, 2024</p>
</div>
</div>
</div>
</div>
<footer>
<div class="footer">
<div class="block">
<h4>Telegram</h4>
<p>
Telegram is a cloud-based mobile and desktop messaging app with a
focus on security and speed.
</p>
</div>
<div class="block">
<h4>About</h4>
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Privacy</a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
<div class="block">
<h4>Mobile Apps</h4>
<ul>
<li><a href="#">iPhone/iPad</a></li>
<li><a href="#">Android</a></li>
<li><a href="#">Mobile Web</a></li>
</ul>
</div>
<div class="block">
<h4>Desktop Apps</h4>
<ul>
<li><a href="#">PC/Mac/Linux</a></li>
<li><a href="#">macOS</a></li>
<li><a href="#">Web-browser</a></li>
</ul>
</div>
<div class="block">
<h4>Platform</h4>
<ul>
<li><a href="#">API</a></li>
<li><a href="#">Translations</a></li>
<li><a href="#">Instant View</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>