-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathLearnEnglish1.html
131 lines (101 loc) · 5.38 KB
/
LearnEnglish1.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link
href='https://fonts.googleapis.com/css?family=Aguafina Script|Akronim|Aldrich|Alegreya|Alex Brush|Allerta Stencil|Allura|Almendra SC|Amethysta|Annie Use Your Telescope|Arbutus|Arizonia|Asset|Astloch|Bad Script|Barrio|Bellefair|Berkshire Swash|Bilbo|BioRhyme Expanded|Bonbon|Butcherman|Butterfly Kids|Caveat|Charmonman|Cinzel Decorative|Codystar|Crafty Girls|Dawning of a New Day|Faster One|Frijole|Geostar|Give You Glory|Hi Melody|Italianno|Jacques Francois Shadow|KhandMajor Mono Display|Meddon|Miltonian|Monofett|Monoton|Mystery Quest|Nosifer|Orbitron|Petit Formal Script|Sacramento|Shadows Into Light Two|Snowburst One|Dancing Script|Vibur|Raleway'
rel='stylesheet'>
<script src="https://code.jquery.com/jquery-3.1.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src='https://code.responsivevoice.org/responsivevoice.js'></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/js/mdb.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.7/css/mdb.min.css" rel="stylesheet">
<script src="LearnEnglish.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="LearnEnglish.css">
<title>LearnEnglish</title>
</head>
<body>
<header id="header" align="center">
<nav class="navbar navbar-expand-lg custom-navbar">
<div class="container">
<a class="navbar-brand" href="#" align="center">LearnEnglish</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="snavbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon text-white">☰</span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#about-us">About us<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#word" onclick="ws()">English Dictionary</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#word" onclick="shsp()">Spanish Dictionary</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team" onclick="team()">The Team</a>
</li>
</div>
</div>
</nav>
</header>
<section id="about-us">
<div class="jumbotron text-center jumbotron-fluid">
<div class="container">
<h1 class="display-4"><span id="f">L</span>earn<span id="f">E</span>nglish</h1>
<p class="lead">Learning meanings of words is now in your finger tips, type any word,we'll help you with its meaning.</p>
<a class="btn btn-primary" href="#location" role="button"> Let's Learn</a>
</div>
</div>
</section>
<section id="word">
<div class="details text-centre">
<div class="container">
<br>
<br>
<h1 class="text-center"><span id="lang">English</span> Dictionary</h1>
<br>
<br>
<div class="md-form">
<h2>Enter word</h2>
<textarea class="form-control md-textarea" aria-label="With textarea" id="st"></textarea>
</div>
<br>
<div align="center">
<button class="btn btn-primary justify-content-center" role="button" id="givemeaning">
<div id="loading"><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
Searching...</div>
<div id="search">Search</div>
</button>
</div>
<p id="partofspeech"></p>
<p id="def"></p>
</div>
</div>
</section>
<section id="team">
<div class="jumbotron text-center jumbotron-fluid">
<div class="container">
<h1 class="display-4" style="letter-spacing: 2px;">Devloped By:</h1>
<p class="lead"><img src="https://drive.google.com/uc?export=view&id=1LAVcH2qwfFkzPEXQGriP7aW8pSqZd5tY" class="card-img-top img-card" alt="Aanisha Bhattacharyya">
<div class="card-body">
<h5 class="card-title">Aanisha Bhattacharyya</h5>
</p>
</div>
</div>
</section>
<footer id="footer">
<div class="container">
<p class="lead">
Powered by Merriam-Webster Dictionary.
</p>
</div>
</footer>
</body>
</html>