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>
|
||||||
BIN
static/arona.jpg
Executable file
BIN
static/arona.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 119 KiB |
BIN
static/corner.png
Normal file
BIN
static/corner.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Reference in New Issue
Block a user