-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (63 loc) · 3.54 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KOKRU-Personalised News App</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<svg width="154" height="37" viewBox="0 0 154 37" fill="none" xmlns="http://www.w3.org/2000/svg" class="pr-4 sm:pr-0 lg:ml-4 sm:w-32 sm:ml-0"><path d="M26.5898 18.2164C26.5898 7.66469 33.5532 0 43.0621 0C52.5711 0 59.5344 7.66469 59.5344 18.2164C59.5344 28.7682 52.5711 36.4329 43.0621 36.4329C33.5532 36.4329 26.5898 28.7682 26.5898 18.2164ZM49.6065 18.2164C49.6065 12.7897 46.6896 9.50398 43.0621 9.50398C39.4346 9.50398 36.5178 12.7897 36.5178 18.2164C36.5178 23.6432 39.4346 26.9289 43.0621 26.9289C46.6896 26.9289 49.6065 23.6432 49.6065 18.2164Z" fill="black"></path> <path d="M107.393 27.2421H104.603V36.393H94.3145V0H109.005C117.506 0 122.91 5.3015 122.91 13.7235C122.91 18.9738 120.821 22.9257 117.156 25.1636L123.563 36.393H112.579L107.393 27.2421ZM108.347 9.4869H104.598V18.0342H108.347C111.179 18.0342 112.532 16.417 112.532 13.7577C112.532 11.1041 111.184 9.4869 108.347 9.4869Z" fill="black"></path> <path d="M124.906 19.6059V0H134.972V19.2471C134.972 24.6967 136.722 26.7353 139.538 26.7353C142.354 26.7353 144.104 24.6967 144.104 19.2471V0H154.001V19.6059C154.001 30.3 148.623 36.4614 139.453 36.4614C130.284 36.4614 124.906 30.2943 124.906 19.6059Z" fill="black"></path> <path d="M30.8497 36.3019H18.949L10.1135 22.1911V36.393H0V0H10.1135V11.9127L19.0391 0.0227777H30.8497L18.0368 15.9842L30.8497 36.3019Z" fill="black"></path> <path d="M92.3888 36.3019H80.5092L71.6791 22.1798V36.393H61.5762V0H71.6791V11.8956L80.5941 0H92.3888L79.5917 15.9728L92.3888 36.3019Z" fill="black"></path></svg>
<div class="btns header--btn">
<a href="#">Contact Us</a>
<a href="#">Read now
</a>
</div>
</header>
<main>
<section class="sec--intro sec--intro-1">
<img src="elon-musk.png" alt="KOKRU App">
<div class="intro--words">
<h2>Personalised News</h2>
<div class="style-words">
<span>IN</span>
<span>ONE LINE</span>
</div>
<div class="quotes">
<p>We pick the top news around you from trustable media sources and summarize in a line.</p>
</div>
<div class="store--img">
<a href="#">
<img src="play_store.png" alt="Get it on play store">
</a>
<a href="#">
<img src="app_store.png" alt="Get it on app store">
</a>
</div>
</div>
</section>
<section class="how--works">
<h2>How it Works</h2>
<p>Read news like never before. We pick the top news around you from trustable media sources and our editorial team summarises it to a line. Save time. Happy reading</p>
</section>
<section class="sec--intro sec--intro-2">
<div class="intro--words no-margin">
<h2>Read in your own language</h2>
<div class="quotes">
<p>You can read the news in 5 Indian languages Tamil, Telugu, Malayalam, Kannada & Hindi</p>
</div>
<div class="store--img">
<a href="#">
<img src="play_store.png" alt="Get it on play store">
</a>
<a href="#">
<img src="app_store.png" alt="Get it on app store">
</a>
</div>
</div>
<img src="new-screen-min-02.png" alt="KOKRU App">
</section>
</main>
</body>
</html>