fblacodingandprogramming/index.html at main · AlanSanchezGit/fblacodingandprogramming · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page</title>
    <meta name = "Author" content="Alan Sanchez, Daniel Freeman, Oliver Kuopus">
    <meta name="description" content="Home page For Bizbond">
    <meta property="og:image" content="">
    <meta property="og:title" content="Bizbond Home">
    <meta property="og:description" content="Bizbond Home Page">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
        crossorigin="anonymous">
      <link rel="stylesheet" href="./CSS/home.css">
      <link rel="icon" type="image/x-icon" href="./IMAGES/favicon.ico">

</head>

<body>

    <div class="navbar-container">
        <div class="vertical-navbar">
            <a href="./index.html" style="color: rgb(108, 108, 238);" title="Home">
                <img src="./IMAGES/homeicon.png" class="vert-nav-images" alt="Home">
                Home
            </a>
            <a href="./HTML/form.html" title="Submit">
                <img src="./IMAGES/submiticon.png" class="vert-nav-images" alt="Submit">
                Submit
            </a>
            <a href="./HTML/view.html" title="View">
                <img src="./IMAGES/viewicon.png" class="vert-nav-images" alt="View">
                View
            </a>
            <a href="./HTML/edit.html" title="Edit">
                <img src="./IMAGES/editicon.png" class="vert-nav-images" alt="">
                Edit</a>
            <a href="./HTML/profile.html" title="Profile">
                <img src="./IMAGES/defaultpfpicon.png" id="navbarProfilePic" class="vert-nav-images" alt="Profile">
                Profile</a>
        </div>

        <div class="horizontal-navbar">
            <div id="greet"></div>
            <button class="btn btn-outline-success" type="button" id="signoutbutton">Sign Out</button>
        </div>
    </div>


    <div class="content">
        <div class="mainbgcontainer">
        <div class="person-container">
            <div class="person-box">
                <h2>Alan Sanchez</h2>
                <p>Alan Sanchez is a current coding student from West-Mec NEC. He is the main developer of Bizbond, constructing the database and main structure of the website.</p>
            </div>

            <div class="person-box">
                <h2>Daniel Freeman</h2>
                <p>Daniel Freeman is a current coding student from West-Mec NEC. He is a side developer in the Bizbond website, helping with the database coding and planning.</p>
            </div>

            <div class="person-box">
                <h2>Oliver Kuopus</h2>
                <p>Oliver Kuopus is a current coding student from West-Mec NEC. He is a side developer in the Bizbond website, helping with the design and with general advice.</p>
            </div>
        </div>
        <div class="about_container">
            <div class="about_bizbond">
                Bizbond is a user-friendly and secure website designed for both businesses and individuals. It excels in storing, adding, and organizing information efficiently. Whether it's records or client details, Bizbond provides a reliable and easy-to-use platform for managing crucial data securely. Trustworthy and streamlined, Bizbond is the ideal choice for those looking for a simple and secure solution for their information management needs.
            </div>
        </div>

        <div class="featured-services">
            <h2>Our Services</h2>
            <div class="service">
                <img src="./IMAGES/im_circle_diagram.png" alt="Service 1">
                <h3>Information Management: </h3>
                <p>  Efficiently store and organize your business records and client details with our secure platform.</p>
            </div>
            <div class="service">
                <img src="./IMAGES/cloud-data-security-diagram.png" alt="Service 2">
                <h3>Data Security: </h3>
                <p>  Protect sensitive information with our advanced encryption and security protocols.</p>
            </div>
            <div class="service">
                <img src="./IMAGES/userfriendly.png" alt="Service 3">
                <h3>User-Friendly Interface: </h3>
                <p>  Enjoy a seamless experience with our intuitive user interface, designed for efficiency.</p>
            </div>
        </div>


        <div class="testimonials">
            <h2>What Our Users Say</h2>
            <div class="testimonial">
                <p>"Bizbond has revolutionized how we handle our client information. It's reliable and user-friendly."</p>
                <span>- John Takanaka, UI Designer</span>
            </div>
            <div class="testimonial">
                <p>"The security features give us peace of mind, knowing our data is safe and secure."</p>
                <span>- Sarah Miller, Data Analyst</span>
            </div>
        </div>


        <div class="faq-section">
            <h2>Frequently Asked Questions</h2>
            <div class="faq">
                <h3>How secure is Bizbond?</h3>
                <p>Bizbond uses the latest encryption technologies to ensure your data is always protected.</p>
            </div>
            <div class="faq">
                <h3>Can I access my data on mobile devices?</h3>
                <p>Yes, our platform is mobile-friendly and can be accessed on various devices.</p>
            </div>
        </div>


        <div class="latest-updates">
            <h2>Latest News & Blogs</h2>
            <div class="update">
                <h3>New Feature: Advanced Analytics</h3>
                <p>Our latest update includes a powerful analytics tool to help you make data-driven decisions. Read more in our blog.</p>
            </div>
            <div class="update">
                <h3>Security Update: Enhanced Encryption</h3>
                <p>We've upgraded our encryption protocols to provide even stronger data protection. Learn about the updates on our news page.</p>
            </div>

        </div>

        <div class="contact-info">
            <h2>Contact Us</h2>
            <p>If you have any questions or need assistance, feel free to reach out to us:</p>
            <ul>
                <li>Email: bizbondcorp@gmail.com</li>
                <li>Phone: +1 818 857 0343</li>
            </ul>
        </div>

        </div>
    </div>


<script src="./JAVASCRIPT/index.js"></script>
<script type="module" src="./JAVASCRIPT/common.js"></script>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
        crossorigin="anonymous"></script>

</body>
</html>