-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcards.html
84 lines (82 loc) · 5.14 KB
/
cards.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Blockport - Sign in</title>
<meta name="description" content="This is my HTML5 boilerplate.">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="msapplication-TileColor" content="#3385FF">
<meta name="theme-color" content="#3385FF">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#3385FF">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/screen.css">
</head>
<body>
<section class="o-row o-row--lg o-row--login">
<div class="o-container">
<div class="o-layout o-layout--gutter-lg">
<div class="o-layout__item u-1-of-3-bp3">
<a href="#!" class="c-tent">
<div class="c-tent__icon-wrapper">
<svg class="c-tent__icon c-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<g fill="none" fill-rule="evenodd">
<circle class="c-icon__path c-icon__path--color-1" cx="24" cy="24" r="23"></circle>
<path class="c-icon__path c-icon__path--color-2" d="M23.03 36v-3.74a11.64 11.64 0 0 1-3.77-1.07v-3.07a8.36 8.36 0 0 0 4.56 1.5c1.67 0 2.82-.86 2.82-2.11 0-3.15-7.64-1.62-7.64-7.12 0-2.25 1.59-3.94 4.03-4.48V12h2.84v3.74c1.1.1 2.23.38 3.36.9v2.98a8 8 0 0 0-4.15-1.25c-1.6 0-2.72.77-2.72 1.97 0 3 7.64 1.46 7.64 7.11 0 2.33-1.62 4.1-4.13 4.66V36h-2.84z">
</path>
</g>
</svg>
</div>
<div class="c-tent__body">
<div class="c-tent__content">
<h2 class="c-tent__title">
Extend capital
</h2>
<p>
Help your customers access the funds they need to accelerate growth with fast and flexible financing.
</p>
</div>
<div class="c-tent__action">
Read more
</div>
</div>
</a>
</div>
<div class="o-layout__item u-1-of-3-bp3">
<a href="#!" class="c-tent">
<div class="c-tent__icon-wrapper">
<svg class="c-tent__icon c-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
<g fill="none" transform="translate(1 8)">
<path class="c-icon__path c-icon__path--color-1"
d="M44,32 L13,32 C11.8954305,32 11,31.1045695 11,30 L11,19.2 L33.455,19.2 L33.455,18 L46,18 L46,30 C46,31.1045695 45.1045695,32 44,32 Z M33.455,9 L44,9 C45.1045695,9 46,9.8954305 46,11 L46,13 L33.455,13 L33.455,9 Z">
</path>
<path class="c-icon__path c-icon__path--color-2"
d="M33,23 L2,23 C0.8954305,23 0,22.1045695 0,21 L0,2 C0,0.8954305 0.8954305,0 2,0 L33,0 C34.1045695,0 35,0.8954305 35,2 L35,21 C35,22.1045695 34.1045695,23 33,23 Z M10,7 C10,6.44771525 9.55228475,6 9,6 L4,6 C3.44771525,6 3,6.44771525 3,7 L3,10 C3,10.5522847 3.44771525,11 4,11 L9,11 C9.55228475,11 10,10.5522847 10,10 L10,7 Z">
</path>
</g>
</svg>
</div>
<div class="c-tent__body">
<div class="c-tent__content">
<h2 class="c-tent__title">
Extend capital
</h2>
<p>
Help your customers access the funds they need to accelerate growth with fast and flexible financing.
</p>
</div>
<div class="c-tent__action">
Read more
</div>
</div>
</a>
</div>
</div>
</div>
</section>
</body>
</html>