webpointco.github.io/about.html at master · webpointco/webpointco.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>WebPoint</title>
        <meta name="description" content="">
        <meta name="keywords" content="WebPoint, Web,
        Point, website, webpage, development, UI, UX, design, students,
        high school, school, students, free, voulenteer,
        professional, professionally, quality,
        Howard County, Ellicott City, Maryland">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="index,follow">
    <link rel="icon" href="images/WebPoint-Favicon-Blue.png">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles/bootstrap.min.css">
    <link rel="stylesheet" href="styles/about.css">
</head>
<body>
    <nav id="nav" class= "navbar navbar-expand-xl navbar-light">
        <a id="nav-brand" class = "navbar-brand" href="index.html"><img class = "logo" src="../images/Webpoint-Logo-Dark.png"
            alt="WebPoint Logo">&nbsp; WebPoint</a>
        <button class = "navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-toggler">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbar-toggler">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item"> <a class="nav-link" href="index.html">Home</a> </li>
                    <li class="nav-item active"> <a class="nav-link" href="about.html">About Us</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="portfolio.html">Portfolio</a> </li>
                    <li class="nav-item"> <a class="nav-link" href="contact.html">Contact Us</a> </li>
                </ul>
            </div>
    </nav>
    <div class="main-container container">
        <div class="row main-row">
            <div class="col-xl-7">
                <div class="main-text-container">
                    <h1 class="about-header">About Us</h1>
                    <p class="about-text abt-txt-1">Webpoint is a volunteer organization that delivers local businesses professional websites and provides students practical experience in web development. Our team is comprised of over 14 voluenteers, all of which are high school students.</p>
                    <p class="about-text abt-txt-2">We are all seeking to make an impact on our community by harnessing our passions for web design and development.</p>
                    <p class="about-text abt-txt-3">We can’t wait to work with you!</p>
                </div>
            </div>
            <div class="col-xl-5">
                <div class="main-img-container">
                    <img class="about-img" src="../images/undraw_heatmap_lightblue.svg" alt="">
                </div>
            </div>
        </div>
    </div>
    <div class="why-container">
        <div class="container why-us-container">
            <h2 class="why-header">Why Choose Us?</h2>
          <div class="row">
            <div class="why-box col-lg-4">
                <!-- <i class="icon fas fa-tasks"></i> -->
                <i class="icon fas fa-check"></i>
              <h3 class="feature-title">Quality</h3>
              <p class="feature-text">We create Sleek, Functional, and Mobile Friendly websites</p>
            </div>
            <div class="why-box wb-2 col-lg-4">
            <i class="icon fas fa-chalkboard-teacher"></i>
              <h3 class="feature-title">Education</h3>
              <p class="feature-text">We give high school students practical experience in web development.</p>
            </div>
            <div class="why-box col-lg-4">
                <i class="icon fas fa-coins"></i>
              <h3 class="feature-title">No Charge</h3>
              <p class="feature-text">You already have enough to pay for, we develop your site free of charge.</p>
            </div>
          </div>
          <div class="team-btn-container">
            <a target="_blank" href="../images/team.pdf"><button href="../images/team.pdf" class="team-button">View Our Team</button></a>
        </div>
        </div>
    </div>
    <script src="scripts/index.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
    <script src="https://kit.fontawesome.com/7dc3015a44.js" crossorigin="anonymous"></script><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-font-face.min.css" media="all"><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-shims.min.css" media="all">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
</html>