-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (137 loc) · 10.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="icon" href="https://i.imgur.com/MnNiRMt.png" type="image/png" sizes="16x16">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Poppins:wght@400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="playbyear.css">
<title>Play By Ear: Strategies in Tune with Tomorrow</title>
<meta name="description" content="Innovate with Play by Ear. Navigating the deep tech frontier, we empower industry veterans and startups alike.">
<meta name="keywords" content="tech startups, innovation lab, AI, Blockchain, marketing strategy, business development, go to market">
<meta name="author" content="Play by Ear">
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="Play By Ear: Strategies in Tune with Tomorrow">
<meta itemprop="description" content="Our innovation lab is a playground for testing new ideas. We dive deep into AI and Blockchain trends to bring your team up to speed.">
<meta itemprop="image" content="https://i.imgur.com/MnNiRMt.png">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Play By Ear: Strategies in Tune with Tomorrow">
<meta name="twitter:description" content="Our expertise guides early-stage startups in go-to-market, marketing, and business development strategies, positioning you for success.">
<meta name="twitter:image" content="https://i.imgur.com/MnNiRMt.png">
<meta name="twitter:creator" content="@ronstedt">
<!-- Additional tags for Open Graph (used by Facebook and others) -->
<meta property="og:title" content="Play By Ear: Strategies in Tune with Tomorrow" />
<meta property="og:description" content="We dive deep into AI and Blockchain trends to bring your team up to speed, refining your internal tech understanding and unlocking market opportunities.">
<meta property="og:image" content="https://i.imgur.com/MnNiRMt.png" />
<meta property="og:url" content="https://playbyear.com" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Play by Ear" />
</head>
<body>
<div class="menu-bar">
<span class="menu-logo">Play By Ear</span>
<nav class="menu-links">
<a href="https://ronstedt.space/category/writing/" target="_blank">Writing</a>
<a href="#cta">Contact Us</a>
</nav>
</div>
<header>
<section id="about">
<div class="header-content">
<h1>Strategies in Tune<br>with Tomorrow</h1>
<p>Innovate with Play by Ear. Navigating the deep tech frontier, we empower industry veterans and startups alike. Our innovation lab is a playground for testing new ideas. Ready? Schedule your first free call today.</p>
<button class="curved-button">
<a href="https://www.calendly.com/ronstedt" target="_blank">Book a call</a>
</button>
</div>
<img src="https://i.imgur.com/vZuvk1e.png" alt="curved corner image" class="curved-image image1">
</section>
</header>
<section id="services">
<h2>Our Solutions</h2>
<ul>
<li>
<div class="icon"><img src="https://i.imgur.com/Gb0AMlx.png" alt="icon1"></div>
<h3>Future-Proof Your Team</h3>
<p>We dive deep into AI and Blockchain trends to bring your team up to speed, refining your internal tech understanding and unlocking market opportunities.</p>
</li>
<li>
<div class="icon"><img src="https://i.imgur.com/WDmvQ9w.png" alt="icon2"></div>
<h3>Navigate Your Launch</h3>
<p>Our expertise guides early-stage startups in go-to-market, marketing, and business development strategies, positioning you for success in a competitive landscape.</p>
</li>
<li>
<div class="icon"><img src="https://i.imgur.com/FMozr6R.png" alt="icon3"></div>
<h3>Innovation Lab</h3>
<p>We're not just consultants—we're builders, experimenting with future technologies to enhance our insights and empower our clients with forward-thinking solutions.</p>
</li>
</ul>
</section>
<section id="differentiators">
<h2>What Sets Us Apart</h2>
<div class="carousel">
<div class="carousel-item active">Broad tech industry experience spanning Europe, Asia, and the US, providing a diverse and in-depth understanding of various markets.</div>
<div class="carousel-item">Access to a vast global network of experts, key stakeholders, and opinion makers, allowing for valuable insights and connections.</div>
<div class="carousel-item">Boutique approach with a commitment to crafting tailored, unique solutions for each client, ensuring exceptional results.</div>
</div>
</section>
<section id="clients">
<h2>Our Clients</h2>
<div class="clients-grid">
<a href="https://www.telefonica.de/company.html" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/79/Telef%C3%B3nica_2021_logo.svg/2560px-Telef%C3%B3nica_2021_logo.svg.png" alt="Telefonica Logo"></a>
<a href="https://www.orangedao.xyz/" target="_blank"><img src="https://uploads-ssl.webflow.com/63bd60e25ff6210fa519f70e/63bd66df5a5d693319a87d5e_orange%20full.svg" alt="Orange DAO Logo"></a>
<a href="https://www.ora.io/" target="_blank"><img src="https://cdn.decrypt.co/wp-content/uploads/2024/06/47A088D7-3A65-486D-BD31-374E7E8F47A9_1719420739JSusLDnVg2-gID_7.jpeg" alt="Ora Logo"></a>
<a href="https://houseofbeautifulbusiness.com/" target="_blank"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTHNfX2_j9nSI6y6SkHCC8a4uitxgvDm1afmw&s" alt="House of Beautiful Business Logo"></a>
<a href="https://networkcultures.org/" target="_blank"><img src="https://networkcultures.org/moneylab/wp-content/themes/inc-single/library/images/inc-logos/inc_logo1@2x.png" alt="Institute of Network Cultures Logo"></a>
<a href="https://silta.finance/" target="_blank"><img src="https://cdn-images-1.medium.com/v2/resize:fit:968/1*oUx1hUa1C_o-KBYSVhVKog@2x.png" alt="Silta Finance Logo"></a>
<a href="https://www.w3.vision/" target="_blank"><img src="https://assets-global.website-files.com/6266a5a1d71f1c4db1607c84/65049a43d5aa28e4f643de8b_w3.vision%20%3A%3A%20transparent-p-500.png" alt="Web3 Vision Logo"></a>
<a href="https://www.goethe.de/" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/e/e5/Logo_GoetheInstitut_2011.svg" alt="Goethe Institut Logo"></a>
<a href="https://www.streamr.network/" target="_blank"><img src="https://cdn.streamr.com/landing-page-cdn/static/logo_horizontal_colour_lockup-d831e62a27ad713b35df09cfea5f8014.svg" alt="Streamr Logo"></a>
<a href="https://cphdox.dk/" target="_blank"><img src="https://cphdox.dk/wp-content/uploads/2023/11/logo.svg" alt="CPH:DOX Logo"></a>
<a href="https://succinct.xyz/" target="_blank"><img src="https://app.ashbyhq.com/api/images/org-theme-wordmark/b045220d-46fa-4dd2-9364-ea30bc7bb174/81de4234-5c9f-40cf-8566-4324fd3a42f4.png" alt="Succinct Labs Logo"></a>
<a href="https://www.wuv.de/" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/a/a1/Werben_%26_Verkaufen_Logo.svg" alt="Werben und Verkaufen Logo"></a>
<a href="https://www.gutenberg-digital-hub.de/" target="_blank"><img src="https://www.gutenberg-digital-hub.de/wp-content/uploads/2019/02/gutenberg-digital-hub-logo-normal.png" alt="Gutenberg Digital Hub Logo"></a>
<a href="https://www.ebnermedia.de/" target="_blank"><img src="https://www.ebnermedia.de/typo3conf/ext/virtualways_base/Resources/Public/Images/logo.svg" alt="Ebner Media Group"></a>
<a href="https://digitalsociety.id/en/" target="_blank"><img src="https://digitalsociety.id/wp-content/uploads/2023/03/LUN-01.png" alt="Center for Digital Society Logo"></a>
<a href="https://www.wayra.com/" target="_blank"><img src="https://assets-global.website-files.com/5b9b6f1d4caae338a50118cb/60a62aad0f25c64e47260856_wayra-telefonica-innovation-white.svg" alt="Wayra Logo"></a>
</div>
</section>
<section id="team">
<h2>Meet the Team</h2>
<div class="grid-container">
<div class="member-img">
<img src="https://i.imgur.com/8TMfGEC.png" alt="Marlene Ronstedt" width=250 >
</div>
<div class="member-text">
<h3>Marlene Ronstedt, CEO</h3>
<p>Marlene Ronstedt, Founder and Managing Director at Play by Ear, has a diverse background in business development and communications within Web3, crypto, and fintech industries. A full-time nomad, her journalistic work has been featured in Wired Germany and Coindesk. Passionate about DJing and painting, Marlene holds a BA Honors in Liberal Arts from Leiden University College and an MA in Digital Culture from Goldsmiths University London.</p>
</div>
<div class="member-img">
<img src="https://avatars.githubusercontent.com/u/433412?v=4" alt="Mark Nadal" width=250 >
</div>
<div class="member-text">
<h3>Mark Nadal, CSO</h3>
<p>Mark Nadal, CSO, is a skilled software developer, he is known for his contributions to real-time technologies and open-source projects. His expertise lies in decentralized systems and data structures, aiming to create more efficient and accessible digital infrastructures. He is also the founder of GunDB, an open-source, decentralized database engine.</p>
</div>
</div>
</section>
<section id="cta">
<h2>Reach Out</h2>
<div class="container">
<p class="my-paragraph">If you're interested in partnering with us, schedule now a first call to learn more. This will give you the opportunity to learn more about how we can support your business and ask any questions you may have.</p>
<img class="my-image" src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExMmFiMmNmNTFkZWE4MGQ2MmY0MWIwYWQ2Yzk3Njg5MjRkMzFmODZjOCZlcD12MV9pbnRlcm5hbF9naWZzX2dpZklkJmN0PXM/XcXYeK7Nye7OI6inLB/giphy.gif">
</div>
<button class="curved-button">
<a href="https://www.calendly.com/ronstedt" target="_blank">Book a call</a>
</button>
</section>
<footer>
<a href="https://www.linkedin.com/company/playbyear/" target="_blank">LinkedIn</a>
<a href="https://www.twitter.com/ronstedt" target="_blank">Twitter</a>
<a href="privacy-policy.html">Privacy Policy</a>
</footer>
<script src="carousel.js"></script>
</body>
</html>