educational-website/index.html at main · coderpawan/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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="project1.css">
    <link rel="stylesheet" href="responsive.css">
    <title>Educatemaster-Transforming online education</title>
</head>

<body>
    <nav class="navbar h-nav-resp" style="background-color: black;">
        <ul class="nav-list v-class-resp">
            <div class="logo"><img src="edulogo1.jpg" alt="logo" height="50" width="50"></div>
            <li><a href="#Home">Home</a></li>
            <li><a href="#About">About</a></li>
            <li><a href="#Services">Services</a></li>
            <li><a href="#Contact">Contact Us</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" id="Home">
        <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 million people our platform serves as the best learning
                    platform for future education</p>
                <div class="buttons">
                    <button class="btn">Subscribe</button>
                    <button class="btn">Watch Video</button>
                </div>
            </div>
            <div class="secondHalf"></div>
            <div class="label"><img src="label.png" width="200"></div>
        </div>

    </section>
    <section class="section" id="About">
        <div class="paras one">
            <p class="sectionTag text-big">Importance of Education</p>
            <p class="sectionSubTag text-small"> Proper and good education is very important for all of us. It
                facilitates quality learning all through the life among people of any age group, cast, creed, religion
                and region. It is the process of achieving knowledge, values, skills, beliefs, and moral habits. People
                need to get high level awareness about the importance of knowledge more than before. Education is very
                necessary for each and everyone in order to improve knowledge, way of living as well as social and
                economic status throughout the life. Getting proper education is the birth rights of everyone
                restricting which is the crime. Education is the ultimate way to get victory over all the personal and
                social problems. Education is very important to all of us as it plays very important roles in our life.
                In order to live a better and peaceful life, we need to be educated. It transforms us completely from
                inside and outside by changing our mind and personality as well as improving our confidence level. It
                changes our life completely as it is constructive in nature.</p>
        </div>
        <div class="thumbnail first">
            <img src="edu1.jpg" alt="education" class="imgFluid">
        </div>
    </section>
    <section class="section left">
        <div class="paras two">
            <p class="sectionTag text-big">The end of illiteracy is here</p>
            <p class="sectionSubTag text-small">ILLITERACY The inability to read or write, or the actual or perceived
                state of being uneducated or insufficiently educated. Social judgement is so powerfully built into the
                term ILLITERATE that scholars now generally use more neutral terms, such as non-literate (for societies
                and individuals for whom literacy is not a relevant issue) and pre-literate (for societies and
                conditions before LITERACY emerged or was encountered and adopted). Formerly, the term illiterate was
                used to describe someone without book learning or a liberal EDUCATION (especially in classical LATIN and
                GREEK), even though such a person could read in a vernacular language or handle accounts and
                correspondence. However, the word also carried the connotation of ‘unpolished’, ‘ignorant’, or
                ‘inferior’, as in ‘the disadvantage of an illiterate education’ ( Edward Gibbon, The Decline and Fall of
                the Roman Empire, volume 2, 1781, p. 75). </p>
        </div>
        <div class="thumbnail middle">
            <img src="edu2.jpg" alt="education" class="imgFluid">
        </div>
    </section>
    <section class="section" id="Services">
        <div class="paras three">
            <p class="sectionTag text-big">Empowerment of indian education</p>
            <p class="sectionSubTag text-small">The new curriculum structure for inculcating scientific temper is a
                welcome to step in the right direction. The proposal of the National Research Foundation is well
                received but calls for encouraging policy implication oriented research. There is a need for research on
                educational products and the students as consumers in the educational industry. There should be a
                complete ban on private coaching in Kota and elsewhere. We have to ensure stopping non-attending classes
                by the private players. Common Entrance Test for admissions in the universities and colleges can do
                wonders in achieving the targets and objectives. The e-courses in 8 Languages are fine.
                There is a need for the cooperation of the State Governments without any politics as education is on the
                concurrent list. At the same time, we should be vigilant of the bureaucracy to put hurdles in quick
                implementation. </p>
        </div>
        <div class="thumbnail last">
            <img src="edu3.jpg" alt="education" class="imgFluid">
        </div>
    </section>
    <section class="contact" id="Contact">
        <div class="container">
            <div class="contactinfo">
                <div>
                    <h2 style="padding: 25px 68px;">Contact Info</h2>
                    <ul class="info">
                        <li>
                            <div><img src="AddressIcon.png" alt="adress image"></div>
                            <div class="address"><a
                                    href="https://www.google.com/maps/place/middle+School+Ratan/@25.5946061,86.2555058,19.34z/data=!4m5!3m4!1s0x39f20133bdcab63f:0x92b3cdfb79fc047!8m2!3d25.5946285!4d86.2559178"
                                    targrt="_blank">Ratan,Bakhri(Ps)<br>Begusarai(dist),Bihar<br>Pin code:- 848201</a>
                            </div>
                        </li>
                        <li>
                            <div><img src="email icon.png" alt="email image"></div>
                            <div class="email"><a href="mailto:sahupawan9749568594@gmail.com"
                                    target="_blank">sahupawan9749568594@gmail.com</a></div>
                        </li>
                        <li>
                            <div><img src="call icon.png" alt="call image" style="border-radius: 1000px;"></div>
                            <div class="call"><a href="tel:+919749568594" targrt="_blank">9749568594</a></div>
                        </li>
                    </ul>
                    <ul class="socialLink">
                        <li><a href="https://www.facebook.com/pawankumar.sahu.7127146/" targrt="_blank"><img
                                    src="facebook.png" alt="facebook img" style="border-radius: 16px;"></a></li>
                        <li><a href="https://twitter.com/PawanKu82219048" targrt="_blank"><img src="twitter.png"
                                    alt="twitter img"></a></li>
                        <li><a href=" https://www.instagram.com/pawan_kumar_9749/" target="_blank"><img src="insta.png"
                                    alt="instagram img" style="border-radius: 18px;"></a></li>
                        <li><a href="https://www.linkedin.com/in/pawan-kumar-sahu-4-year-b-tech-civil-engineering-4329a2208/"
                                targrt="_blank"><img src="linkedin.png" alt="linkedin img"
                                    style="border-radius: 19px;"></a></li>

                    </ul>
                </div>
            </div>
            <div class="contactForm">
                <h2 style="margin: 31px 159px; display: flex;">Send a Message</h2>
                <div class="formBox">
                    <div class="inputBox w50">
                        <span>First Name :- </span><br>
                        <input type="text" placeholder="Enter your first name" name="first" required>
                    </div>
                    <div class="inputBox w50">
                        <span>Last Name :- </span><br>
                        <input type="text" placeholder="Enter your second name" name="last" required>
                    </div>
                    <div class="inputBox w50">
                        <span>Email Address :- </span><br>
                        <input type="text" placeholder="Enter your email address" name="email" required>
                    </div>
                    <div class="inputBox w50">
                        <span>Mobile Number :- </span><br>
                        <input type="text" placeholder="Enter your mobile number" name="mobile" required>
                    </div>
                    <div class="inputBox w100">
                        <span>Write your message here .....</span><br>
                        <textarea name="" placeholder="Ellaborate your Concern" required></textarea>
                    </div>
                    <div class="inputBox w150">
                        <button id="submit" value="Send">submit</button>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="copyRight">
        <p>
            Copyright@2021-www.PawanEducation.com-All rights reserved
        </p>
    </section>
    <script src="project1.js"></script>
</body>

</html>