-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (88 loc) · 5.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Open Media Test Task</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous" async></script>
<link rel="stylesheet" href="style.css" />
<script src="feedback/feedback.js" async></script>
<script src="blogpost/blogpost.js" async></script>
</head>
<body>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-xs-12 col-lg-8">
<p class="feedback"></p>
<p class="name">
<span></span><span><br></span>
<span></span>
</p>
</div>
<div class="col-xs-12 col-lg-4">
<div class="picture">
<svg viewBox="0 0 388 388" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.1" cx="194" cy="194" r="194" fill="url(#paint0_linear)"/>
<defs>
<linearGradient id="paint0_linear" x1="29.4345" y1="354.552" x2="307.724" y2="41.4759" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
</div>
<div class="feedback-buttons">
<button class="left-btn p-0"></button><button class="right-btn p-0"></button>
</div>
</div>
</div>
<div class="row">
<div class="col text-center">What's New?</div>
</div>
<div class="row text-center">
<div class="col-xs-12 col-lg-4">
<a href="https://blog.combin.com/instagram-faq-all-you-need-to-know-bb2559ac606b" target="_blank">
<picture>
<source srcset="test_task_resources/static/image/desktop/img1.png 1x, test_task_resources/static/image/desktop/img1@2x.png 2x, test_task_resources/static/image/desktop/img1@3x.png 3x" media="(min-width: 992px)">
<source srcset="test_task_resources/static/image/mobile/img1.png 1x, test_task_resources/static/image/mobile/img1@2x.png 2x, test_task_resources/static/image/mobile/img1@3x.png 3x" media="(max-width: 991.99px)">
<img src="test_task_resources/static/image/mobile/img1.png" alt="">
</picture>
<p>Instagram FAQ — All You Need To Know</p>
</a>
</div>
<div class="col-xs-12 col-lg-4">
<a href="https://blog.combin.com/dmexco-2019-meet-combin-in-cologne-b845529a1e63" target="_blank">
<picture>
<source srcset="test_task_resources/static/image/desktop/img2.png 1x, test_task_resources/static/image/desktop/img2@2x.png 2x, test_task_resources/static/image/desktop/img2@3x.png 3x" media="(min-width: 992px)">
<source srcset="test_task_resources/static/image/mobile/img2.png 1x, test_task_resources/static/image/mobile/img2@2x.png 2x, test_task_resources/static/image/mobile/img2@3x.png 3x" media="(max-width: 991.99px)">
<img src="test_task_resources/static/image/mobile/img2.png" alt="">
</picture>
<p>DMEXCO 2019 — Meet Combin in Cologne</p>
</a>
</div>
<div class="col-xs-12 col-lg-4">
<a href="https://blog.combin.com/limits-display-new-user-preview-new-filters-and-many-more-features-all-about-combin-2-1-d78713383da7" target="_blank">
<picture>
<source srcset="test_task_resources/static/image/desktop/img3.png 1x, test_task_resources/static/image/desktop/img3@2x.png 2x, test_task_resources/static/image/desktop/img3@3x.png 3x" media="(min-width: 992px)">
<source srcset="test_task_resources/static/image/mobile/img3.png 1x, test_task_resources/static/image/mobile/img3@2x.png 2x, test_task_resources/static/image/mobile/img3@3x.png 3x" media="(max-width: 991.99px)">
<img src="test_task_resources/static/image/mobile/img3.png" alt="">
</picture>
<p>Limits Display, New User Preview, New Filters, and Many More Features — All about Combin 2.1</p>
</a>
</div>
</div>
<div class="row">
<div class="col text-center">
<div class="read-more">
<span>Read More</span>
<svg width="14" height="9" viewBox="0 0 14 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.8" d="M13 1L7 7L1 1" stroke="#6527D9" stroke-width="2" stroke-linecap="round"/>
</svg>
</div>
</div>
</div>
</div>
</body>
</html>