doreanbyte.github.io/services.html at main · doreanbyte/doreanbyte.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
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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DoreanByte - Services</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <!-- Navigation -->
    <nav class="site-nav">
        <a href="index.html" class="logo">DoreanByte</a>

        <ul class="links">
            <li><a href="index.html">Home</a></li>
            <li class="active"><a href="services.html">Services</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li><a href="pricing.html">Pricing</a></li>
            <li><a href="contact_us.html">Contact Us</a></li>
            <li><a href="about.html">About</a></li>
        </ul>
        <ul class="toggle-overlay">
            <button class="close-button">&#10006;</button>
            <li><a href="index.html">Home</a></li>
            <li class="active"><a href="services.html">Services</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li><a href="pricing.html">Pricing</a></li>
            <li><a href="contact_us.html">Contact Us</a></li>
            <li><a href="about.html">About</a></li>
        </ul>
        <button class="toggle-nav">&#9776;</button>
    </nav>

    <!-- Main Content -->
    <main class="container">
            <section class="banner">
                <h1>What we offer</h1>
                <h2>At DoreanByte we take pride in the wide range of services we provide</h2>
            </section>

            <section class="services-section">
                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-mobile"></i>
                    </div>
                    <h3>Android Software Development</h3>
                    <p>
                        We build well designed, optimized and user friendly mobile applications.
                        Providing you with easy access to your core business features on the go.
                        Keep track of your business analytics, product performance, personnel and more
                        right on your phone.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-earth-africa"></i>
                    </div>
                    <h3>Website Development</h3>
                    <p>
                        Building Professional, mobile-friendly, beautiful and search engine optimized
                        websites, We help boost your website online traffic and increase online presence
                        helping you reach markets and introducing new customers to your brand.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-computer"></i>
                    </div>
                    <h3>Desktop Software Development</h3>
                    <p>
                        We develop custom desktop applications that handle your business processes,
                        migrating from tedious paper based systems to a digital platform that improves employee turnaround,
                        increase data accuracy and security.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-database"></i>
                    </div>
                    <h3>Database Design</h3>
                    <p>
                        We build secure and reliable database systems that allow your business to store
                        critical information in one centrialized system providing your business with a quick
                        and efficient information processing tool.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-magnifying-glass"></i>
                    </div>
                    <h3>Search Engine Optimization</h3>
                    <p>
                        Depending on what you need your website to do and how you need your customers to reach you,
                        we understand how to get the best ranking on leading search providers like Google. Care and
                        research is taken to ensure that you rank above competitors and atrract customers looking for
                        your goods and services.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-user-tie"></i>
                    </div>
                    <h3>Consultation</h3>
                    <p>
                        We provide consultation if you need to discuss and make out a plan on how best to go about the
                        undertaking of having a custom software solution developed for your business. With an emphasis
                        on discovering your key needs and outlining projected timelines and deliverables.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-screwdriver-wrench"></i>
                    </div>
                    <h3>Hardware & Software</h3>
                    <p>
                        We offer a wide range of software and hardware services including installing new hardware,
                        computer hardware upgrades, Software installation and configuration. All this is done inline
                        with your business needs and objectives helping you make use of all your resources to great effect.
                    </p>
                </div>

                <div class="service-card">
                    <div class="service-icon">
                        <i class="fa-solid fa-code"></i>
                    </div>
                    <h3>Crash Courses</h3>
                    <p>
                        We offer a wide range of crash course that equip people with skills to help them get started in their IT careers.
                        Customers are free to choose from the following lesson options:
                        <ul>
                            <li>Web Development.</li>
                            <li>Desktop Development.</li>
                            <li>Android Development.</li>
                            <li>Basic computer Skills.</li>
                            <li>Hardware and Software Knowledge.</li>
                        </ul>
                    </p>
                </div>
            </section>
    </main>
    <!-- Footer -->
    <footer>
        <div class="footer-content">
            <div class="footer-content">
                <h4>Site Links</h4>
                <ul class="footer-links">
                    <li><a href="index.html">Home</a></li>
                    <li class="active"><a href="services.html">Services</a></li>
                    <li><a href="portfolio.html">Portfolio</a></li>
                    <li><a href="pricing.html">Pricing</a></li>
                    <li><a href="contact_us.html">Contact Us</a></li>
                    <li><a href="about.html">About</a></li>
                </ul>
            </div>
        </div>
        <div class="copyright">
            &copy; Copyright <span id="year"></span> <strong><span>DoreanByte</span></strong>. All Rights Reserved
        </div>
    </footer>
    <script src="https://kit.fontawesome.com/591eab545c.js" crossorigin="anonymous"></script>
    <script src="js/main.js"></script>
</body>
</html>