Add digital business card
This commit is contained in:
47
content/card.html
Normal file
47
content/card.html
Normal file
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Arona "AJ" Jones - Hyperlight Technical Services</title>
|
||||
<style>
|
||||
@font-face {
|
||||
font-family: 'League Spartan Variable';
|
||||
src: url('LeagueSpartan-VF.woff2') format('woff2-variations');
|
||||
font-weight: 200 900;
|
||||
}
|
||||
body {
|
||||
background-color: rgb(29, 33, 44);
|
||||
color: white;
|
||||
font-family: "League Spartan Variable";
|
||||
text-align: center;
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
a {
|
||||
color: #7df9ff;
|
||||
text-decoration: underline dotted;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="corner.png" style="position: fixed; top: 0; left: 0; transform: rotate(180deg); width: 15vw;"/>
|
||||
<img src="arona.jpg" style="width: 30vw; max-width: 200px; border-radius: 5px;"/>
|
||||
<img src="HYPERLIGHT%20LOGO.png" style="width: 30vw; max-width: 200px; border-radius: 5px; margin-left: 20px;"/>
|
||||
<h1 style="font-weight: 900; border-bottom: 3px solid #7df9ff;">Arona "AJ" Jones</h1>
|
||||
<h2>Director, Hyperlight Technical Services</h2>
|
||||
<h3>Experienced in production management, event planning and operations</h3>
|
||||
<h3>My team provide high-quality technical services to sport, theatre, live & festivals with commitment and dedication</h3>
|
||||
<ul style="box-sizing: border-box; font-size: 1.2em; padding: 1em; line-height: 1.5em; border: 3px solid #7df9ff;">
|
||||
<li style="margin-left: 1em; list-style-type: '📞';"><a href="tel:07449192971">07449192971</a></li>
|
||||
<li style="margin-left: 1em; list-style-type: '🌐';"><a href="https://hyperlight-technical.co.uk">https://hyperlight-technical.co.uk</a></li>
|
||||
<li style="margin-left: 1em; list-style-type: '📧';"><a href="mailto:aj@hyperlight-technical.co.uk">aj@hyperlight-technical.co.uk</a></li>
|
||||
<li style="margin-left: 1em; list-style-type: '📌';">Nottingham, UK</li>
|
||||
</ul>
|
||||
<p style="font-style: italic; color: #7df9ff;">Hyperlight Technical Services: Bespoke experiences — authentic, inclusive, and sustainable without compromise</p>
|
||||
<small>This sustainable, updatable digital business card represents one small part of our commitment to do things a little differently. No more throwing out old branding! Let's build a better world, together.</small>
|
||||
<img src="corner.png" style="position: fixed; bottom: 0; right: 0; width: 15vw;"/>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user