-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfeatures.html
226 lines (191 loc) · 10.1 KB
/
features.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
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
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w
==" crossorigin="anonymous" /> -->
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/fontawesome/css/all.min.css">
<link rel="stylesheet" href="styles.css">
<title>Modesty programming website</title>
</head>
<body>
<!--Navbar-->
<div class="navbar">
<div class="container-fluid flex" style="font-family: serif;">
<h1 class="logo">AMICABLE MODEST</h1>
<nav>
<ul>
<li ><a href="index.html">HOME</a></li>
<li><a href="About.html">ABOUT</a></li>
<li><a href="features.html">FEATURES</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
<!--Head-->
<section class="features-head bg-primary py-3" style="height: 80vh;">
<div class="container-fluid grid">
<div class="text">
<h1 class="xl">Features</h1>
<p class="lead"> Learn more about how to create a standard website with Amicable Modest
website platform
</p>
</div>
<img src="images/amicable(2).jpg"width="450px" height="450px" style="border-radius: 30px; padding: 5pxpx;">
</img>
</div>
</section>
<!--Features main-->
<section class="Features-main my-4">
<div class="container-fluid grid">
<div class="card bg-light p-3">
<h3 class="my-2">Essentials</h3>
<nav>
<ul>
<li><a href="#">Introduction</a></li>
<li><a href="#">About Amicable Modest</a></li>
<li><a href="#">Installation</a></li>
</ul>
</nav>
<h3 class="my-2">Deployment</h3>
<nav>
<ul>
<li><a href="#">Managing Resources</a></li>
<li><a href="#">Setting up a container</a></li>
<li><a href="#">Using the CLI</a></li>
<li><a href="#">Upgrade and Downrade</a></li>
</ul>
</nav>
</div>
<div class="card">
<h2>Introduction</h2>
<p>
My website is as quality as never seen, We are very good in every and every that concern
web development also known as Front end development.
</p>
<div class="alert alert-sucess">
<i class="fas fa-info">More about Amicable Modest Site, We are here to serve you right.</i>
</div>
<h3>Amicable Modest Vision</h3>
<p>
I created this site in other to carrying everyone that wanna become a Programmer<br>
Web developer Coder...etc and i also conduct Physical and Online
classes,<br> both for Adults, Children and Grown up person
</p>
<a href="#"class="btn btn-primary">Install CLI</a>
<h3>Requirements</h3>
<ul>
<li>Window 10, Mac OSX, Linux</li>
<li>Node.js v12 or higher</li>
</ul>
<h3>Installation</h3>
<p> Mac (Homebrew)</p>
<pre><code>$ brew install Amicable Modest-cli</code></pre>
<p> NPM</p>
<pre><code>$ npm install Amicable Modest-cli</code></pre>
<p> YARN</p>
<pre><code>$ yarn install Amicable Modest-CLI</code></pre>
</div>
</div>
<div class="">
<h4 class="text-center">MY TUTORIAL VIDEOS ON HOW
TO CREATE A RESPONSIBLE WEBSITES
</h4>
</div>
<div class="video-wrappe py-5 px-5">
<video autoplay controls>
<source src="videos/Create A Google Map In A Website _ Google API Map _ Learn HTML and CSS _ HTML Tutorial.mp4"
type="video/mp4">
</video>
<video autoplay controls>
<source src="videos/Animated Responsive Navbar Tutorial.mp4" type="video/mp4">
</video>
<video autoplay controls>
<source src="videos/CSS Flexbox Tutorial _ Learn To Create Layouts Using CSS _ Learn HTML And CSS _ Flexbox Tutorial.mp4"
type="video/mp4">
</video>
<video autoplay controls>
<source src="videos/How to Create an HTML Dropdown Menu _ Learn HTML and CSS _ HTML Tutorial _ HTML for Beginners.mp4"
type="video/mp4">
</video>
<video autoplay controls>
<source src="videos/How to Create Website Layouts Using CSS Grid _ Learn HTML and CSS _ HTML Tutorial.mp4"
type="video/mp4">
</video>
<video autoplay controls>
<source src="videos/HTML5 & CSS Development_ Learn How to Build a Professional Website _ Udemy, Jordan Hudgens.mp4"
type="video/mp4">
</video>
</div>
</section>
<!-- <form>
<label>MESSAGE</label><br>
<textarea placeholder="Write your message here"></textarea>
<input type="submit">
</form> -->
<!--footer-->
<footer class="footer py-1">
<h2 class="text-center text-light py-5 contact">OUR CONTACT INFO</h2>
<div class="container-fluid">
<div class="row px-3">
<div class="col-lg-3">
<div class="footer-text">
<h1>Amicable modest</h1>
<small>
Amivable modest Tutorial site is a site provided for you to learn what it takes to be a web developer
with videos.
</small>
<p>Copyright ©2020</p>
</div>
</div>
<div class="col-lg-3 footer-nav my-2 text-center">
<ul>
<li class=""><a href="index.html">Home</a></li>
<li class="py-1"><a href="About.html">About</a></li>
<li class="py-1"><a href="contact.html">Contact</a></li>
<li class="py-1"><a href="Features.html">Features</a></li>
</ul>
</div>
<div class="col-lg-3 social py-2">
<h6 class="text-light">To know more about us you can follow us through any of the following socials below.</h6>
<a href="#"><i class="fab fa-github fa-2x py-2"></i></a>
<a href="#"><i class="fab fa-facebook fa-2x py-2"></i></a>
<a href="#"><i class="fab fa-instagram fa-2x py-2"></i></a>
<a href="#"><i class="fab fa-twitter fa-2x py-2"></i></a>
</div>
<div class="col-lg-3">
<form>
<div class="form-group text-light">
<label for="exampleInputEmail1">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group text-light">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
</div>
<div class="form-check text-light">
<label class="form-check-label">
<input type="checkbox" class="form-check-input">
Check me out
</label>
</div>
<button type="submit" class="btn btn-primary text-light">Submit</button>
</form>
</div>
</div>
</div>
</footer>
<script src="script.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.js"></script>
<script src="assets/bootstrap/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/popper.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>