javascript_codes/aboutus.html at main · shaun2006/javascript_codes · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us - Code101</title>
    <link rel="stylesheet" href="styles.css"> <!-- Link to your external CSS file -->
    <style>
        /* Inline styles for demonstration; move to styles.css for production */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f0f0f0;
        }
        .container {
            width: 80%;
            margin: auto;
            overflow: hidden;
            padding: 20px;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        header {
            background: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }
        h1 {
            margin: 0;
        }
        .section-title {
            color: #333;
            font-size: 1.5em;
            margin-bottom: 10px;
        }
        .content {
            margin: 20px 0;
        }
        .team-member {
            margin-bottom: 20px;
        }
        .team-member img {
            border-radius: 50%;
            width: 100px;
            height: 100px;
            object-fit: cover;
        }
        .team-member h2 {
            margin: 0;
        }
        .footer {
            background: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: fixed;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <header>
        <h1>About Us - Code101</h1>
    </header>

    <div class="container">
        <h2 class="section-title">Welcome to Code101!</h2>
        <p>At Code101, we believe that learning to code should be accessible, engaging, and empowering. We are Shaun and Parnika, the creators of this platform, and we're passionate about helping others discover the world of programming.</p>

        <h2 class="section-title">Our Mission</h2>
        <p>Our mission is to provide a comprehensive and approachable resource for aspiring developers and tech enthusiasts. Whether you're just starting out or looking to sharpen your skills, Code101 is here to guide you every step of the way. We aim to demystify coding concepts and make learning fun and effective.</p>

        <h1 class="section-title">Mentor</h1>
        <div class="team-member">
            <!-- <img src="parnika.jpg" alt="Parnika"> -->
            <h2><b>Pranali Mam</b>: A Guiding Light in Our Coding Journey</h2>
            <p>We are thrilled to acknowledge the invaluable guidance and support provided by Pranali Mam, our mentor and coach. With her expert knowledge and patient demeanor, she has been instrumental in helping us navigate the complexities of coding.<br><br>
               Pranali Mam's unique ability to break down intricate concepts into understandable bits has made our learning experience enjoyable and enriching. Her timely interventions and encouraging words have kept us motivated, even when faced with challenges.<br><br>
               Thanks to Pranali Mam's mentorship, we have gained a solid foundation in coding and are now better equipped to tackle real-world problems. We are grateful for her dedication and commitment to our growth.<br><br>
               <b>Kudos to Pranali Mam - an exceptional mentor who has made a significant impact on our coding journey!"</b>
            </p>
        </div>

        <h2 class="section-title">Meet Parnika</h2>
        <div class="team-member">
            <!-- <img src="parnika.jpg" alt="Parnika"> -->
            <h2>Parnika</h2>
            <p>Parnika is a creative coder and educator with a passion for making technology accessible to everyone. With a background in software development and instructional design, Parnika focuses on creating engaging and user-friendly resources that cater to learners of all levels. Her enthusiasm for coding and commitment to quality education shine through in every aspect of Code101.</p>
        </div>

        <h2 class="section-title">Meet Shaun</h2>
        <div class="team-member">
            <!-- <img src="shaun.jpg" alt="Shaun">-->
            <h2>Shaun</h2>
            <p>Shaun is a seasoned developer with a knack for simplifying complex concepts. With years of experience in various programming languages and technologies, Shaun brings a wealth of knowledge and a hands-on approach to Code101. His dedication to teaching and love for coding drive the content and tutorials on our site.</p>
        </div>

        <h2 class="section-title">What We Offer</h2>
        <ul>
            <li>Interactive Tutorials: Step-by-step guides and exercises to help you learn and practice coding.</li>
            <li>Comprehensive Resources: Articles and tips covering a wide range of programming topics.</li>
            <li>Community Support: Connect with fellow learners and get answers to your coding questions.</li>
        </ul>

        <p>Thank you for visiting Code101. We’re excited to embark on this coding journey with you and look forward to helping you achieve your tech goals!</p>
        <p>Feel free to <a href="contact.html">contact us</a> if you have any questions, feedback, or just want to say hello.</p>
        <a href="index.html">Go back</a>

    </div>

    <footer class="footer">
        <p>&copy; 2024 Code101. All rights reserved.</p>
    </footer>
</body>
</html>