ProSolutions/index.html at development · AK4266/ProSolutions · 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 name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
        crossorigin="anonymous"></script>
     <link rel="stylesheet" href="styles.css"type="text/css">
    <title>Home</title>
</head>

<body>
    <!-- Container -->
    <div class="header">
        <!-- Navbar -->
        <nav class="navbar navbar-expand-lg bg-body-tertiary">
            <div class="container-fluid">
                <a class="navbar-brand px-3" href="#"><span class="text-danger">Pro</span>Solutions</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                    aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item px-3">
                            <a class="nav-link active" aria-current="page" href="#">Home</a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link" href="#">Services</a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link" href="#">About</a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link" href="#">Solutions</a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link" href="#">Technology</a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link" href="#">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
         <!-- Bg Image -->
         <div class="header-wrap">
            <!--welcome text-->
            <div class="welcome-outer">
                <h6>INVENTING BETTER FUTURE</h6>
                <h3>We try our best, and </br> we make sure we deliver the best</h3>
                <p>Our company seeks enterprising solution suits for modern technology.We are here to enter </br>the globalizing world with our energy and effort.</p>
            </div>
         </div>
    </div>
    <!-- About Section -->
    <div class="container about">
        <div class="row">
            <div class="d-none d-md-block col-md-12 col-lg-6 about_image">
                <img src="assets/about.jpg">
            </div>
            <div class="col-sm-12 col-md-12 col-lg-6 about_text">
                <h3 class="Secondary_Color">//ABOUT COMPANY</h3>
                <h1>Your Partner For<br>Software <span class="Secondary_Color">Innovations</span></h1>
                <p>
                        As the premier technology-oriented organization, we at Seekers Cloud work to challenge clients' assumptions about possibilities with our own ideas.
                        In our designs, we are all about producing something that people will enjoy.
                </p>
                <p>
                        Our goal at Seekers Cloud is to challenge customers' preconceptions with our own ideas by offering cutting-edge technology.
                        We create all of our products to provide something that our customers will love. In order to back up our design claims,
                        we think that our designs are excellent examples of high-calibre magnum opuses where artistry and skill meet to inspire your thoughts and we assure you of top-notch job.
                </p>
            </div>
        </div>
    </div>

   </body>

</html>