SignatureCardFrontend/install/index.html

65 lines
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="../stylesheet.css">
<link rel="stylesheet" href="../darkmode.css">'
<link rel="icon" href="../favicon.ico">
<title>Install Card</title>
<script>document.documentElement.dataset.theme = localStorage.getItem('theme') || 'light';</script>
</head>
<body>
<header>
<a class="navbar-brand" href="https://www.caiu.org">
<img class="logo" src="../logo.png" alt="CAIU Logo">
</a>
<div style="margin-right: 0.5em;">
<label for="theme" class="theme">
<span class="toggle-wrap">
<input id="theme" class="toggle" type="checkbox" role="switch" name="theme" value="dark">
<span class="icon">
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
<span class="icon-part"></span>
</span>
</span>
</label>
</div>
</header>
<nav class="navbar">
<ul>
<li><a href="../">Home</a></li>
<li><a class="active" href="#">Install</a></li>
</ul>
</nav>
<main>
<h1 class="text-center title">Signature Card Installation Guide</h1>
<article>
<p>1. Open up Outlook and create a new email.</p>
<p>2. Select the drop-down arrow under Signature along the top bar and select "Signatures"</p>
<figure><img src="assets/img1.png" alt="img1" width="60%"></figure>
<p>3. In the Signatures and Stationary window that appears, click "New" and name it whatever name you'd like for it.</p>
<p>4. Click the icon next to "Business Card" it will prompt you for a picture to load. Select the png of the business card you created.</p>
<p>5. Click the drop-down boxes next to both New Messages and Replies / Forwards and select the name of the signature.</p>
<figure><img src="assets/img2.png" alt="img2" width="60%"></figure>
<p>6. Left click, then right-click on the picture and select picture</p>
<figure><img src="assets/img3.png" alt="img3" width="60%"></figure>
<p>7. Go to Size and change the height to 1.75". The Width should change automatically to keep in aspect.</p>
<figure><img src="assets/img4.png" alt="img4" width="60%"></figure>
<p>8. Click OK, then OK again to save it, and you will now have the newly created business card included in the signatures.</p>
</article>
</main>
<footer>Made by the best intern!</footer>
<script src="../darkmode.js"></script>
</body>
</html>