iCoder_Bootstrap/about.html at main · diyaraina06/iCoder_Bootstrap · 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
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>iCoder-Heaven for Programmers</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark ">
        <div class="container-fluid">
            <a class="navbar-brand" href="#">iCoder</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
                aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                    <li class="nav-item">
                        <a class="nav-link " aria-current="page" href="/">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link active" href="/about.html">About</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/contact.html">Contact Us</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
                            aria-expanded="false">
                            Topics
                        </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">Technology</a></li>
                            <li><a class="dropdown-item" href="#">Web Development</a></li>
                            <li>
                                <hr class="dropdown-divider">
                            </li>
                            <li><a class="dropdown-item" href="#">Support</a></li>
                            <li><a class="dropdown-item" href="#">Write for us</a></li>
                        </ul>
                    </li>

                </ul>
                <form class="d-flex" role="search">
                    <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
                    <button class="btn btn-outline-success" type="submit">Search</button>
                </form>
            </div>
        </div>
    </nav>

    <div class="container my-4">
        <div class="row featurette d-flex justify-content-center align-items-center">
            <div class="col-md-7">
                <h2 class="featurette-heading fw-normal lh-1">It all started with iCoder's Idea . <span
                        class="text-body-secondary">It'll blow your mind.</span></h2>
                <p class="lead"> "It all began with iCoder’s idea — a spark so simple, yet powerful enough to change the game. What started as just a thought soon grew into a vision that could reshape the way we create and innovate. This is not just another concept; it’s an experience designed to challenge conventions and inspire imagination. Picture possibilities unfolding, solutions evolving, and creativity reaching new heights — that’s the world of iCoder."</p>
            </div>
            <div class="col-md-5"><img class="img-fluid" src="https://images.unsplash.com/photo-1669054626218-f0b57b8ec632?w=500&h=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8Y29kaW5nJTIwaW1hZ2V8ZW58MHx8MHx8fDA%3D" alt=""> </div>
        </div>

        <div class="row featurette d-flex justify-content-center align-items-center">
            <div class="col-md-7 order-md-2">
                <h2 class="featurette-heading fw-normal lh-1">We started iCoder in 2018. <span
                        class="text-body-secondary">It'll blow your mind.</span></h2>
                <p class="lead">"We started iCoder in 2018 with a simple belief — that technology should empower, not overwhelm. What began as a small idea has since grown into a movement, bringing together creativity, innovation, and passion. Over the years, we’ve built solutions that don’t just solve problems, but reimagine what’s possible. iCoder isn’t just about code — it’s about ideas that inspire, experiences that connect, and innovations that truly blow your mind."</p>
            </div>
            <div class="col-md-5 order-md-1"> <img class="img-fluid" src="https://plus.unsplash.com/premium_photo-1751939803500-cb5412e0e37c?w=500&h=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fDUwMHg1MDAlMjAlMjBjb2RpbmclMjBpbWFnZXxlbnwwfHwwfHx8MA%3D%3D" alt="">
                    <title>Placeholder</title>
                    <rect width="100%" height="100%" fill="var(--bs-secondary-bg)"></rect><text x="50%" y="50%"
                        fill="var(--bs-secondary-color)" dy=".3em"></text>
                </svg> </div>
        </div>

        <div class="row featurette d-flex justify-content-center align-items-center">
            <div class="col-md-7 ">
                <h2 class="featurette-heading fw-normal lh-1">Serving it's best in coding industry. <span
                        class="text-body-secondary">It’ll blow your mind.</span></h2>
                <p class="lead">"Serving its best in the coding industry, iCoder is more than just a name — it’s a promise. A promise of innovation, precision, and creativity woven into every project we undertake. From groundbreaking ideas to seamless execution, we thrive on turning challenges into opportunities. Imagine solutions that don’t just meet expectations but exceed them — that’s the iCoder way. It’ll blow your mind."</p>
            </div>
            <div class="col-md-5 order-md-1"> <img class="img-fluid" src="https://plus.unsplash.com/premium_photo-1675793715030-0584c8ec4a13?w=500&h=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8Y29kaW5nJTIwaW1hZ2V8ZW58MHx8MHx8fDA%3D" alt="">
                    <title>Placeholder</title>
                    <rect width="100%" height="100%" fill="var(--bs-secondary-bg)"></rect><text x="50%" y="50%"
                        fill="var(--bs-secondary-color)" dy=".3em"></text>
                </svg> </div>
        </div>
    </div>
<footer class="container"> <p class="float-end"><a href="#">Back to top</a></p> <p>© 2023–2024 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p> </footer>


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
        crossorigin="anonymous"></script>
</body>

</html>