ProductsAndServices.html

﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8" />
    <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
            }
        }
    </style>
    <title>Products & Services</title>
</head>
<body>
    <ul class="styled-list">
        <li class="styled-li"><a href="index.html">Home</a></li>
        <li class="styled-li"><a class="active" href="ProductsAndServices.html">Products & Services</a></liclass="styled-li">
        <li class="styled-li" style="float:right"><a href="about.html">About</a></li>
    </ul>
    <div style="text-align:center">
        <span class="dot"></span>
        <span class="dot"></span>
        <span class="dot"></span>
    </div>
</body>
</html>