-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.html
119 lines (119 loc) · 6.87 KB
/
main.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>
<title>Memberbase - Webflow Membership website template</title>
<meta content="The best resources and books from around the web, collected and curated for your reading." name="description"/>
<meta content="width=device-width, initial-scale=1" name="viewport"/>
<link href="assets/css/webkit.css" rel="stylesheet" type="text/css"/>
<link href="https://fonts.googleapis.com" rel="preconnect"/>
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<link href="https://assets.website-files.com/62aee78456e4207786ac4d18/62b0fad1a8cf6a4c26b3cb5e_Faivcon%2032.svg" rel="shortcut icon" type="image/x-icon"/>
</head>
<body>
<div role="banner" class="nav-bar w-nav">
<div class="nav-container w-container">
<div class="logo-div">
<a href="" aria-current="page" class="nav-logo w-inline-block w--current">
<img src="https://assets.website-files.com/62aee78456e4207786ac4d18/62aeebbbc7c1e424f6724096_Memberbase%20Logo-1.svg" width="178" alt="Memberbase Logo" class="logo"/>
</a>
</div>
<nav role="navigation" class="nav-content w-nav-menu">
<div class="nav-menu">
<a href="" class="nav-link w-nav-link">All Resources</a>
<button class="nav-link" type="button">Log Out</button>
</div>
<div class="nav-cta-button-container">
<a href="" class="nav-link cta-button w-nav-link">Free Sign Up</a>
</div>
</nav>
<div class="menu-button w-nav-button">
<img src="https://assets.website-files.com/62aee78456e4207786ac4d18/62aee78456e4200f2eac4d49_Menu%20Icon.svg" loading="lazy" width="24" alt="" class="menu-icon"/>
</div>
</div>
</div>
<div class="page-wrapper">
<div class="section light-color-gradient">
<div class="container">
<div class="w-layout-grid hero-grid">
<div class="text-box _500px">
<h1 class="heading h1">Access a library of free design resources</h1>
<p class="paragraph large">The best resources and books from around the web, collected and curated for your reading.</p>
<div class="spacer _16"></div>
<a href="" class="button w-button">Get Access Now</a>
</div>
<img src="https://assets.website-files.com/62aee78456e4207786ac4d18/62aeefb7ef1a0b764b386779_Design%20Resources%20Home.svg" loading="eager" width="337" id="w-node-_2c511369-eabb-a0ff-6024-6e8ecffbdf82-40ac4d19" alt=""
class="hero-illustration"/>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="section-top">
<h2 class="heading h3">Featured Resources</h2>
<a href="" class="button light mobile-hidden w-button">See All Resources</a>
</div>
<div class="w-dyn-list">
<div role="list" class="large-3-grid w-dyn-items">
<div role="listitem" class="ebook-box w-dyn-item">
<a href="" class="ebook-thumbnail w-inline-block">
<img src="https://assets.website-files.com/62aee78456e420f166ac4d1d/62b0e7a32dd6005e84c2ec75_Ebook%20Cover%201.svg" alt="Grids & Alignment" class="image-cover"/>
</a>
<div class="paragraph small">By Nikolai Bain</div>
<a href="" class="card-text-link w-inline-block">
<h2 class="heading h3">Grids &Alignment</h2>
<p class="paragraph small">Expedita laborum suscipit sequi et nobis voluptas fuga placeat.
Omnis est ratione.
Repellendus recusandae a.
Nulla quia cum aliquam dolores beatae tempore harum pariatur.
Velit amet officiis.</p>
</a>
</div>
<div role="listitem" class="ebook-box w-dyn-item">
<a href="" class="ebook-thumbnail w-inline-block">
<img src="https://assets.website-files.com/62aee78456e420f166ac4d1d/62b0e7b28cc691b2cd70c6ec_Ebook%20Cover%202.svg" alt="Remote Work for Design Teams" class="image-cover"/>
</a>
<div class="paragraph small">By Maxwell Milton</div>
<a href="" class="card-text-link w-inline-block">
<h2 class="heading h3">Remote Work for Design Teams</h2>
<p class="paragraph small">Repudiandae asperiores excepturi repellat minus id et.
Saepe molestiae accusantium fugit et aut.
Reicie</p>
</a>
</div>
<div role="listitem" class="ebook-box w-dyn-item">
<a href="" class="ebook-thumbnail w-inline-block">
<img src="https://assets.website-files.com/62aee78456e420f166ac4d1d/62b0e7c4e63aa2b80006a1d4_Ebook%20Cover%203.svg" alt="Design Systems in Product Teams" class="image-cover"/>
</a>
<div class="paragraph small">By Franko Realguy</div>
<a href="" class="card-text-link w-inline-block">
<h2 class="heading h3">Design Systems in Product Teams</h2>
<p class="paragraph small">Ut libero molestias excepturi veniam et dicta assumenda tenetur voluptatem.
Qui dolor officiis eum.
Doloribus odit qui quia blanditiis omnis asperiores perspiciatis qui deleniti.</p>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer-container w-container">
<div class="footer-grid">
<div id="w-node-b8d7be4a-ce45-83ab-5947-02d204c8bff0-cf3fcb86" class="footer-logo-block">
<a href="" class="footer-logo w-nav-brand w--current">
<img src="https://assets.website-files.com/62aee78456e4207786ac4d18/62aeebbbc7c1e424f6724096_Memberbase%20Logo-1.svg" width="204" alt="Memberbase Logo"/>
</a>
<p class="paragraph small">
Built by <a href="" target="_blank">Pedro Campos</a>
</p>
<div class="spacer _16"></div>
<div class="paragraph small">© 2023 Pedro Campos. All Rights Reserved.</div>
</div>
</div>
</div>
</div>
</body>
</html>