about.html

﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/style.css" rel="stylesheet" />
    <style>
        * {
            box-sizing: border-box;
        }

        body {
            font-family: Verdana, sans-serif;
        }

        .mySlides {
            display: none;
        }

        img {
            vertical-align: middle;
        }

        /* On smaller screens, decrease text size */
        @media only screen and (max-width: 300px) {
            .text {
                font-size: 11px
            }
        }

        /* Fading animation */
        .fade {
            animation-name: fade;
            animation-duration: 1.5s;
        }

        @keyframes fade {
            from {
                opacity: .4
            }

            to {
                opacity: 1
            }
        }

        img {
            border-radius: 3%;
        }

        .animate-character {
            text-transform: uppercase;
            background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
            background-size: auto auto;
            background-clip: border-box;
            background-size: 200% auto;
            color: #fff;
            background-clip: text;
            text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: textclip 2s linear infinite;
            display: left;
            font-size: 35px;
        }

        @keyframes textclip {
            to {
                background-position: 200% center;
            }
        }
    </style>
    <title>About</title>
</head>
<body>
    <ul class="styled-list">
        <li class="styled-li"><a href="index.html">Home</a></li>
        <li class="styled-li"><a href="ProductsAndServices.html">Products & Services</a></li>
        <li class="styled-li" style="float:right"><a class="active" href="about.html">About</a></li>
    </ul>
    <br />
    <br />
    <br />
    <ul>
        <h1 class="animate-character" align="left"><font face="Agency FB"><u><b>Contact Information:</b></u></font></h1>
        <li align ="left">Jamie</li>
    </ul>
    <div style="text-align:center">
        <span class="dot"></span>
        <span class="dot"></span>
        <span class="dot"></span>
    </div>
</body>
</html>