36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Virtual Business Card</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Autour+One&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" /></head>
|
|
<body >
|
|
<div class="card" id="businessCard">
|
|
<div class="background">
|
|
<img id="photo" class="photo" src="" alt="Logo">
|
|
</div>
|
|
<div class="details">
|
|
<img id="profile" class="photo" src="" alt="Profile Photo">
|
|
<h2 id="name"></h2>
|
|
<p id="title"></p>
|
|
<p id="phone"></p>
|
|
<p id="email"></p>
|
|
<p id="website"></p>
|
|
<p id="address"></p>
|
|
<img id="balloon" class="photo" src="" alt="picture of balloons" >
|
|
|
|
<!-- Social Media Icons -->
|
|
<div class="social-media">
|
|
<a href="#" class="social-icon"><i class="fab fa-facebook"></i></a>
|
|
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
|
|
<a href="#" class="social-icon"><i class="fab fa-bluesky"></i></a>
|
|
<a href="#" class="social-icon"><i class="fab fa-mastodon"></i></a>
|
|
</div>
|
|
</div >
|
|
</div >
|
|
|
|
<script src="script.js"></script>
|
|
</body >
|
|
</html > |