letscode/index.html at master · rabinkhatiwada/letscode · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>LET'S CODE</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  </head>
  <body>
    <nav id="main-nav">
        <label id="logo">LET'S CODE</label>
        <ul id="navbar">
          <li><a class="active" href="#">Home</a></li>
          <li><a href="#aboutus">About</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#our-courses">Courses</a></li>
          <li><a href="#contact-us">Contact</a></li>
        </ul>
      </nav>
    <section id="home">
      <h1>WELCOME TO THIS WEBSITE</h1>
    </section>

<div class="container">
    <section id="aboutus">
      <h1 class="pagetitle">About Us</h1>
        <div id="about">
              <img src="https://images.unsplash.com/photo-1569012871812-f38ee64cd54c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60">
              <div id="description">
                  <h1>LETS CODE</h1>
                  <h3>Learn to code with us..</h3>
                  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
                  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
                  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
                  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
                  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
              </div>
          </div>


    </section>

    <section id="services">
      <h1 class="pagetitle">Services</h1>

      <div id="our-serv">
            <div class="service-box">
              <img src="img/grapdes.png">
              <h1>Graphics Designing</h1>
            </div>
            <div class="service-box">
              <img src="img/webdev.png">
              <h1>Web-Development</h1>
            </div>
            <div class="service-box">
              <img src="img/soft.png">
              <h1>Software-Development</h1>
            </div>
        </div>


    </section>

    <section id="our-courses">
      <h1 class="pagetitle">Buy Courses at Low Prices</h1>
      <div id="courses">
        <div class="course-details">
          <img src="https://image.flaticon.com/icons/svg/2905/2905977.svg">
          <h1>Complete webdevelopment Course</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
          <button id="btn">Buy Course @Rs1000</button>
        </div>
        <div class="course-details">
          <img src="https://image.flaticon.com/icons/svg/2092/2092417.svg">
          <h1>C-programming for Beginners</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
          <button id="btn">Buy Course @Rs000</button>
        </div>
        <div class="course-details">
          <img src="https://image.flaticon.com/icons/svg/919/919852.svg">
          <h1>Machine Learning with python</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
          <button id="btn">Buy Course @Rs1000</button>
        </div>
        <div class="course-details">
          <img src="https://image.flaticon.com/icons/svg/552/552220.svg">
          <h1>Photoshop Masterclass</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
          tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
          quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
          consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
          cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
          proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
          <button id="btn">Buy Course @Rs1000</button>
        </div>


      </div>
    </section>

    <section id="contact-us">
      <div id="company-details">
        <label id="logo">LET'S CODE</label>
        <h3>Address: Lipulekh, Nepal</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco</p>
        <a href="#"><i class="fab fa-facebook"></i></a>
        <a href="#"><i class="fab fa-twitter"></i></a>
        <a href="#"><i class="fab fa-instagram"></i></a>

      </div>
      <div id="contact-form">
       <h1>Send Us message</h1>
       <div class="form">
        <form name="contactform" method="post" action="form.php">

        <div class="form_input">
            <label for="fullname"></label>

          <input type="text" placeholder="Fullname" name="fullname">
        </div>
        <div class="form_input">
          <label for="address"></label>

          <input type="text" placeholder="Address" name="address">
        </div>
        <div class="form_input">
                    <label for="email"></label>

          <input type="email" placeholder="someone@gmail.com" name="email">
        </div>
        <div class="form_input">
                <label for="message"></label>

          <textarea placeholder="Message"></textarea>
        </div>
        <div class="form_input">
        <input type="submit" class="button" name="fullname" value="Submit">
        </div>
        </div>
        </form>


       </div>


      <div id="map">
             <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13788.389212085109!2d81.01618763216781!3d30.234301609016292!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39a43d70d8789d0b%3A0x14b4e88bcb745a42!2sLipulekh%20Pass!5e0!3m2!1sen!2snp!4v1593857815466!5m2!1sen!2snp"frameborder="0" style="border:1;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
      </div>
    </section>
    <footer style="background-color:grey">
      <p style="color: white; text-align: center;">&copy; Rabin Khatiwada 2020</p>
     </footer>
</div>
  </body>
</html>