StartingWithWebDevelopment/index.html at master · DivyanshuSingh07/StartingWithWebDevelopment · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
    <title>vEducate - Initiative for Online Education</title>
</head>

<body>
    <nav class="navbar background h-nav-resp">
        <ul class="nav-list v-class-resp">
            <div class="logo"><img src="img/big-one.jpg" alt="logo"></div>
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#service">Services</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
        <div class="rightNav v-class-resp">
            <input type="text" name="search" id="search">
            <button class="btn btn-sm">Search</button>
        </div>
        <div class="burger">
            <div class="line"></div>
            <div class="line"></div>
            <div class="line"></div>
        </div>
    </nav>
    <section class="background firstSection">
        <div class="box-main">
            <div class="firstHalf">
                <p class="text-big">The future of Education is here</p>
                <p class="text-small">In this world of 7 billion people we need a smarter way for education.</p>
                <div class="buttons">
                    <button class="btn">Subscribe</button>
                    <button class="btn">Watch Videos</button>
                </div>
            </div>
            <div class="secondHalf">
                <img src="img/use2.png" alt="scholar">
            </div>
        </div>
    </section>
    <section class="section">
        <div class="paras">
        <p class="sectionTag text-big">Your search for quality education ends here.</p>
        <p class="sectionSubTag text-small">Connect with us to revolutionize this new way of education. lorem34
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi culpa facilis necessitatibus praesentium. Deserunt odio facere quaerat et est illum pariatur laudantium hic amet. Sint tenetur sed accusamus maiores, vero explicabo cumque?</p>
            </div>
             <div class="thumbnail">
                 <img src="https://source.unsplash.com/200x200/?coding,laptop" alt="books" class="imgFluid">
             </div>
    </section>

    <section class="section section-left">
        <div class="paras">
        <p class="sectionTag text-big">Your search for quality education ends here.</p>
        <p class="sectionSubTag text-small">Connect with us to revolutionize this new way of education. lorem34
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi culpa facilis necessitatibus praesentium. Deserunt odio facere quaerat et est illum pariatur laudantium hic amet. Sint tenetur sed accusamus maiores, vero explicabo cumque?</p>
            </div>
             <div class="thumbnail">
                 <img src="https://source.unsplash.com/200x200/?student,laptop" alt="books" class="imgFluid">
             </div>
    </section>

    <section class="section">
        <div class="paras">
        <p class="sectionTag text-big">Your search for quality education ends here.</p>
        <p class="sectionSubTag text-small">Connect with us to revolutionize this new way of education. lorem34
             Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi culpa facilis necessitatibus praesentium. Deserunt odio facere quaerat et est illum pariatur laudantium hic amet. Sint tenetur sed accusamus maiores, vero explicabo cumque?</p>
            </div>
             <div class="thumbnail">
                 <img src="https://source.unsplash.com/200x200/?coding,laptop,javascript" alt="books" class="imgFluid">
             </div>
    </section>
    <section class="contact" id="contact">
        <h2 class="text-center">Contact Us</h2>
        <div class="form">
            <input class="form-input" type="text" name="name" id="name" placeholder="Enter your Name">
            <input class="form-input" type="text" name="phone" id="phone" placeholder="Enter your Phone">
            <input class="form-input" type="email" name="email" id="email" placeholder="Enter your Email">
            <textarea class="form-input" name="text" id="text" cols="30" rows="10" placeholder="Elaborate your concern"></textarea>
            <button class="btn btn-sm btn-dark">Submit</button>
        </div>
        </div>
        </div>
    </section>
    <footer class="background">
        <p class="text-footer">
            Copyright &copy; 2021 www.vEducate.com - All rights reserved
        </p>
    </footer>
    <script src="js/resp.js"></script>
</body>

</html>