Educational-Website/index.html at main · Adityamkumar/Educational-Website · 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
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML Tamplate</title>
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <div id="main">
    <div class="navbar h-nav">
      <div class="logo">CodeWithAditya</div>
      <div class="navlist v-class">
        <li><a href="">Home</a></li>
        <li><a href="#testimonial">About</a></li>
        <li><a href="#notes-sec">Notes</a></li>
      <div class="burger">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </div>
    </div>
    </div>

    <div id="heading">
      <div id="text">
        <h1>Welcome Codders Learn <br> <span class="auto-text"></span></h1>
        <p>Text-based programming involves typing lines of code that tell computers what task to perform.It involves
          <br>writing words, phrases, numbers and symbols in a certain order, so it makes sense to the computer - just like
          spelling and grammar in any other language.</p>
      </div>
      <div class="image">
       <img src="pro-man-removebg-preview.png" alt="">
      </div>
    </div>
  </div>
  <div class="center-text">Recommended Courses</div>
  <div id="cards">
    <div class="card1">
      <h2>Webdevelopment</h2>
      <div id="logo">
        <img src="webdev-removebg-preview.png" alt="">
      </div>
      <p>Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web
        design, web publishing, web programming, and database management. It is the creation of an application that
        works over the internet i.e. websites.Web development is</p>
      <div class="btn">
        <p><a href="https://youtu.be/6mbwJ2xhgzM?list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg">Start Watching</a></p>
      </div>
    </div>
    <div class="card1">
      <h2>C++</h2>
      <div id="logo">
        <img src="cpp-removebg-preview.png" alt="">
      </div>
      <p>C++ is an object-oriented programming language which gives a clear structure to programs and allows code to be
        reused, lowering development costs. C++ is portable and can be used to develop applications that can be adapted
        to multiple platforms. C++ is fun and easy to learn!</p>
      <div class="btn">
        <p><a href="https://youtu.be/j8nAHeVKL08?list=PLu0W_9lII9agpFUAlPFe_VNSlXW5uE0YL">Start
            Watching</a></p>
      </div>
    </div>
    <div class="card1">
      <h2>Python</h2>
      <div id="logo">
        <img src="python-removebg-preview.png" alt="">
      </div>
      <p>Python is one of the most demanded programming languages in the job market. Surprisingly, it is equally easy to
        learn and master Python. Let's commit our 100 days of code to python!What are you waiting for? Just Enroll Buddy
        Python is a computer programming language often used to build websites</p>
      <div class="btn">
        <p><a href="https://www.youtube.com/playlist?list=PLu0W_9lII9agwh1XjRt242xIpHhPT2llg">Start
            Watching</a></p>
      </div>
    </div>
  </div>

  <h1 id="notes-txt">Download Notes By Code With Aditya</h1>
  <div id="notes-sec">
    <div class="grid1">
        <img src="c2.webp" alt="">
        <p>C Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/C_Complete_Notes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href=""><button>ChapterWise Notes</button></a>
        </div>
    </div>
    <div class="grid1">
        <img src="python2.webp" alt="">
        <p>Python Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/Python_Complete_Notes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/Python_Complete_Notes.pdf"><button>ChapterWise Notes</button></a>
        </div>
    </div>
    <div class="grid1">
        <img src="html2.webp" alt="">
        <p>HTML Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/HTML_Complete_Notes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/HTML_Complete_Notes.pdf"><button>ChapterWise Notes</button></a>
        </div>
    </div>
    <div class="grid1">
        <img src="css2.webp" alt="">
        <p>Css Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/CSS_Complete_Notes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/CSS_Complete_Notes.pdf"><button>ChapterWise Notes</button></a>
        </div>
    </div
  <div id="notes-sec">
    <div class="grid1">
        <img src="js2.webp" alt="">
        <p>Javascript Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/JS_Chapterwise_Notes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/JS_Chapterwise_Notes.pdf"><button>ChapterWise Notes</button></a>
        </div>
    </div>
    <div class="grid1">
        <img src="dsa2.webp" alt="">
        <p>DSA Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/DSA_CompleteNotes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/DSA_CompleteNotes.pdf"><button>ChapterWise Notes</button></a>
        </div>
    </div>
    <div class="grid1">
        <img src="android2.webp" alt="">
        <p>Android Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/Android_CompleteNotes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/Android_CompleteNotes.pdf"><button>ChapterWise Notes</button></a>
        </div>
    </div>
    <div class="grid1">
        <img src="java2.webp" alt="">
        <p>Java Notes</p>
        <span>Download Notes Here</span>
        <div class="pdf-btn">
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/Java_Complete_Notes.pdf"><button id="frst-btn">PDF Notes</button></a>
          <a href="https://cwh-full-next-space.fra1.cdn.digitaloceanspaces.com/notes/Java_Complete_Notes.pdf"><button>ChapterWise Notes</button></a>
        </div>
      </div>
  </div>

  <h2 id="h-2">Testimonials</h2>
  <div id="testimonial">
    <div class="test1">
      <i class="fa-solid fa-quote-left fa-2xl"></i>
      <div class="test-img"><img src="test1.jpeg" alt=""></div>
      <p>I don't have words to thank this man, I'm really grateful to have this channel and website in my daily
        routine.
        If you're a mere beginner, then you can trust this guy and can put your time into his content. I can assure
        you
        that it'll be worth it.</p>
      <span class="b-text-test">
        <span id="sp-1">Mohit Kumar</span><br>
        <span id="sp-2">Web Devloper</span>
      </span>
    </div>
    <div class="test1">
      <i class="fa-solid fa-quote-left fa-2xl"></i>
      <div class="test-img"><img src="test2.jpeg" alt=""></div>
      <p>For everyone who wants to level up their #Coding and #Dev skills - seriously, this channel is for you! Both
        basic and advanced stacks are covered on this channel, and one can learn according to his skill levels. And
        the
        icing on the cake is, everything is available for free.</p>
      <span class="b-text-test">
        <span id="sp-1">Rakesh Shetty</span><br>
        <span id="sp-2">Web Devloper</span>
    </div>
  </div>
  </div>
  <footer class="f-text">copyright &copy;2023 www.codewithaditya.com,All rights reserved!</footer>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm"
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
    integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script>
  <script src="index.js"></script>
  <script src="https://kit.fontawesome.com/243b8860f7.js" crossorigin="anonymous"></script>
  <script>
    let typed=new Typed(".auto-text",{
    strings:["HTML","Css","Javascript","C++","C","Python"],
    typedSpeed:150,
    backSpeed:150,
    loop:true

    })
  </script>
</body>
</html>