Code-Why/blog_post_1.html at main · codewhyofficial/Code-Why · 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
175
176
177
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Code Why</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
    <link rel="shortcut icon" href="Images/code_why_logo.png" type="image/x-icon">
  </head>
  <body>
    <!-- navbar section hai ye -->
    <div class="container">
    <header>
        <!-- Fixed navbar -->
        <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light">
          <div class="container-fluid">
            <a class="navbar-brand" href="#"><img src="Images/code_why_logo.png" alt="" width="40" height="40"> Code Why</a>
            <button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
              <span class="navbar-toggler-icon"></span>
            </button>
            <div class="navbar-collapse collapse" id="navbarCollapse" >
              <ul class="navbar-nav me-auto mb-2 mb-md-0">
                <li class="nav-item">
                  <a class="nav-link active" aria-current="page" href="https://codewhyofficial.blogspot.com/">Home</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" aria-current="page" href="blog.html">Blog</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" aria-current="page" href="https://www.youtube.com/codewhyofficial/" target="_blank">Youtube Latest</a>
                </li>
                <li class="nav-item">
                  <a type="button" class="nav-link" target="_blank" data-bs-toggle="modal" data-bs-target="#exampleModal">Contact Us</a>
                </li>
                <li class="nav-item">
                  <a class="nav-link" aria-current="page" href="https://www.youtube.com/c/CodeWhyofficial/about" target="_blank">About Us</a>
                </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-primary" type="submit">Search</button>
              </form>
            </div>
          </div>
        </nav>
      </header>
    </div>
    <!-- body content section hai ye  -->
    <div class="container" style="margin-top:100px;">
        <h3 class="text-center" >Why to Learn Coding ?</h3>
        <hr>
        <h4>Why You Should Learn to Code ? 4 Reasons to consider it !</h4>
        <br>
        <p>This is the first post that is published on this site. Named <strong>"Codewhyofficial</strong>.</p>
        <br>
        <p>Now moving to our title. This is actually a big question that everyone should ask themselves
          before moving to code. Off course 'what', 'why', and 'when' these are the three questions, that we
          should clear with before doing any task.
          </p>
        <br>
        <p>Now Here in this article you will find 4 surprising benefits of <strong>Coding & Programming</strong>.
          Let's discuss them one by one. Also, a Bonus one.
          </p>
        <br>
        <h5>1. Great salary and Career Flexibility</h5>
        <br>
        <p>Since programming is in high demand and it will definitely be high demanding in next some decades.
          As world works on “Demand and Supply” system.  Programmer’s are in high demand all over the world.
          A Programmer can work as an employee in a company or you can use your coding skills if you’re working on a startup. Programmer’s can also work freely as a freelancer. But also, here “Great Salary Depends on the skills you have.” So, focus on building great skills and providing some value to other’s. You can easily google programmer’s average salary if you want to know about it.
          </p>
        <br>
        <h5>
          2. It Helps Developing Logical and Problem-Solving Mindset
        </h5>
        <br>
        <p>Before explaining this point, I would like that you think about what coding really is ?
          Coding is just a medium to communicate with computer. We do use coding for solving problems in real or virtual life. There we use own logical mind to tackle new problems and creating something new. It helps exercising our mind to solve real life problems. Thus, you can consider it as a big advantage to yourself.
          </p>
        <br>
        <h5>
          3. Technology is the Future
        </h5>
        <br>
        <p>
          Everyone believes that technology is the future. Now almost every device around us uses some technology or program to work. Technology is now ruling the world and at the back-end there is programming. Everything is changing so vastly that we should know about these things till a great extent to cope up with world around us.
        </p>
        <br>
        <h5>4. The Creativity factor</h5>
        <br>
        <p>If you know how to code then you can also build some creative apps and website on your own. It helps you to think creatively. Coding is not just mathematics; It is actually the approach you are taking. Even you can create your own programming language to work with. But it needs a lot of logic and creativity to make it easier to write and understand. Like ‘Python’ is one of the easiest one language to understand for a beginner.</p>
        <br>
        <h5>5. Bonus</h5>
        <br>
        <p>The thing is that you can choose coding as your carrier option if you think that you are able to cope up with above some reasons. Well, Nothing is easy you have to work hard in every field to achieve great.
          It also has now too many branches to work with like Cybersecurity, Artificial Intelligence, Information Technology, Data Science, Cloud Computing and many others. You can just google about it.
          </p>
        <br>
        <p>Hope you liked reading the post. </p>
        <p>Comment Section coming soon !! <strong> If you have any suggestions, you can contact us….</strong></p>
        <br><br><br><br><br>
    </div>
    <!-- footer section hai ye  -->
    <div class="footer mt-auto bg-light fixed-bottom">
      <footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-0 border-top">
        <div class="col-md-4 d-flex align-items-center">
          <a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
            <svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"></use></svg>
          </a>
          <span class="mb-3 mb-md-0 text-muted">© Code Why</span>
        </div>

        <ul class="nav col-md-4 justify-content-end list-unstyled d-flex mx-5">
          <li class="mb-3 me-2 mb-md-0">
            <a href="https://www.facebook.com/codewhyofficial" class="link-dark" target="_blank" rel="noopener noreferrer" >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
              <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
            </svg>
          </a>
          </li>
          <li class="mb-3 me-2 mb-md-0">
            <a href="https://www.instagram.com/codewhyofficial/" class="link-dark" target="_blank" rel="noopener noreferrer" >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
              <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
            </svg>
          </a>
          </li>
          <li class="mb-3 me-2 mb-md-0">
            <a href="https://twitter.com/codewhyofficial" class="link-dark" target="_blank" rel="noopener noreferrer" >
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
              <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
            </svg>
          </a>
          </li>
          <li class="mb-3 me-2 mb-md-0">
              <a href="http://www.youtube.com/codewhyofficial/" class="link-dark" target="_blank" rel="noopener noreferrer" >
                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
                  <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>

                </svg>
              </a>
          </li>
        </ul>
      </footer>
    </div>

    <!-- Button trigger modal -->
<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
  Launch demo modal
</button> -->

<!-- Modal -->
<div class="container shadow-lg">
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h1 class="modal-title fs-5" id="exampleModalLabel">Contact Us</h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <div class="ratio ratio-1x1">
          <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc6ru18n-ruweOmBNsM1WIC9TJOzoiQ9KyIN3TNaQQZOrI83Q/viewform?usp=sf_link" title="Contact Us"></iframe>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
        <!-- <button type="button" class="btn btn-primary">Save changes</button> -->
      </div>
    </div>
  </div>
</div>
</div>

    <!-- <h1>Hello, world!</h1> -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
  </body>
</html>