doreanbyte.github.io/consultation.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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DoreanByte - Consultation</title>
    <link rel="stylesheet" href="css/main.css">
    <style>
        .about-details ul {
            list-style: circle;
        }

        .details h3 {
            color: purple;
            text-align: center;
        }

        .details > ul {
            list-style: disc;
            color: purple;
        }

        .details li {
            font-weight: bold;
        }
    </style>
</head>

<body>
    <nav class="site-nav">
        <a href="index.html">
            <h2 class="brand">DoreanByte</h2>
        </a>
        <ul class="links">
            <li><a href="index.html">Home</a></li>
            <li><a href="web_design.html">Web Design</a></li>
            <li><a href="app_development.html">App Development</a></li>
            <li class="active"><a href="consultation.html">Consultation</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><a href="web_design.html">Web Design</a></li>
            <li><a href="app_development.html">App Development</a></li>
            <li class="active"><a href="consultation.html">Consultation</a></li>
            <li><a href="about.html">About</a></li>
        </ul>
        <button class="toggle-nav">&#9776;</button>
    </nav>
    <main class="container">
        <div class="about-details">
            <h2 class="brand-lg">Consultation</h2>
            <p>
                Picking a solution is not easy and finding the best fit for your budgetary needs and time constraints is
                not easy either. We offer consulting services where we are able to analyse what your business needs are and
                find an optimal solution for you. This includes:
            </p>
        </div>
        <div class="details">
            <h3>Services</h3>
            <ul class="consulting-info">
                <li>Project Cost Analysis</li>
                <li>Project Time Analysis</li>
                <li>Server Procurement</li>
                <li>Long-term System Maintanence</li>
            </ul>
        </div>
    </main>
    <footer>
        <div>
            <div>
                <div class="footer-content">
                    <div>
                        <h3 class="brand">DoreanByte</h3>
                        <p>
                            <strong>Email Us: </strong><br>
                            <a href="mailto:dev.doreanbyte.mw@gmail.com" class="envelope"><i class="bx bx-envelope"></i>dev.doreanbyte.mw@gmail.com</a><br>
                            <br>
                            <strong>Contact Us: </strong>
                            <br>
                            <br>
                            <span>
                                +265887273272
                            </span>
                            <br>
                            <span>
                                +265882954717
                            </span>
                        </p>
                    </div>

                    <div class="footer-content">
                        <h4>Site Links</h4>
                        <ul class="footer-links">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="web_design.html">Web Design</a></li>
                            <li><a href="app_development.html">App Development</a></li>
                            <li class="active"><a href="consultation.html">Consultation</a></li>
                            <li><a href="about.html">About</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div>
                <div class="copyright">
                    &copy; Copyright <span id="year"></span> <strong><span>DoreanByte</span></strong>. All Rights
                    Reserved
                </div>
            </div>
        </div>
    </footer>
</body>
<script src="js/main.js"></script>

</html>