Advertisement
Guest User

Hello

a guest
Feb 25th, 2020
191
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <head>
  4. <title>Super Tutor</title>
  5. <link href="StyleSheet1.css" rel="stylesheet" type="text/css">
  6. <!-- Latest compiled and minified CSS -->
  7. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  8. <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" rel="stylesheet" type='text/css'>
  9.  
  10. <!-- jQuery library -->
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  12.  
  13.  
  14. <!-- Latest compiled JavaScript -->
  15. <script src="https://kit.fontawesome.com/a076d05399.js"></script>
  16. <script src="C:\Users\User\Desktop\Internet techonology/caroufredsel.js"></script>
  17. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  18. <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  19. </head>
  20.  
  21. <body>
  22. <header>
  23. <div class ="Main">
  24. <div class="row">
  25. <nav id="Menu">
  26. <ul>
  27. <li><a href="" class ="logo"><img src="Logo.png"></a></li>
  28. <li><a href="">About</a></li>
  29. <li><a href="">Be A Tutor</a></li>
  30. <li><a href="">Find A Tutor</a></li>
  31. <li><a href="">Support/Contact</a></li>
  32. </ul>
  33. </nav>
  34. <nav id="Login">
  35. <ul>
  36. <li><a href="">Sign Up</a></li>
  37. <li><a href="">Login</a></li>
  38. </ul>
  39. </nav>
  40. </div>
  41. </div>
  42. </header>
  43. <section class ="slider">
  44. <ul class="slider-carousel" id="slider-carousel">
  45. <li class ="img1">
  46. <h2>Best Home Private <span> Tuition Agency </span> </h2>
  47. <p><br>
  48. <br>
  49. <br>
  50. We have the expertise in matching home tutors <br>across all levels of academic and standards.
  51. <br>
  52. <br>
  53. </p><br>
  54. <a href="" class="btn btn-half"> Get Started </a>
  55. </li>
  56. <li class ="img3">
  57. <h2> Why <span> Choose </span> Us?</h2>
  58. <p><br>
  59. Our tutors are qualified, experienced, <br>reliable - university/college lecturers, <br>school teachers - current/ex/retired, <br>full time tutors, part time tutors are available for selection. <br>They are carefully screened before recommendation to you.
  60. </p><br>
  61. <a href="" class="btn btn-find"> FIND YOUR Tutor!! </a>
  62. <a href="" class="btn btn-become"> BECOME A Tutor!! </a>
  63. </li>
  64. <li class ="img2">
  65. <h2> FIND YOUR <span> TUTOR </span> OR BECOME A <span> TUTOR </span> NOW !!!!! </h2>
  66. <br>
  67. <br>
  68. <br>
  69. <br>
  70. <a href="" class="btn btn-find"> FIND YOUR Tutor!! </a>
  71. <a href="" class="btn btn-become"> BECOME A Tutor!! </a>
  72. <br>
  73. <br>
  74. <br>
  75. <br>
  76. </li>
  77. </ul>
  78. </section>
  79. <section class="intro-area white" id="intro">
  80. <div class="container">
  81. <div class="row">
  82. <div class="col-sm-12 text-center" >
  83. <h2>What We Seek</h2>
  84. <div class="sub-heading">
  85. <p>
  86. To Become one of us, this is the 3 main things that we seek.
  87. </p>
  88. </div>
  89. </div>
  90.  
  91. </div>
  92. <div class="row">
  93. <div class="col-sm-4">
  94. <div class="intro-block">
  95. <span class="intro-icon"><i class="fas fa-brain"></i></span>
  96. <br>
  97. <br>
  98. <br>
  99. <br>
  100. <br>
  101. <br>
  102. <h3>Encourage Critical thinking</h3>
  103. <p>
  104. 1)Able to examine a range of phenomena. <br>
  105. 2)Able to appraise evidence supporting hypotheses. <br>
  106. 3)Able to define issues and synthesize information.<br>
  107. </p>
  108. </div>
  109. </div>
  110. <div class="col-sm-4">
  111. <div class="intro-block">
  112. <span class="intro-icon"><i class="fa fa-book" aria-hidden="true"></i></span>
  113. <br>
  114. <br>
  115. <br>
  116. <br>
  117. <br>
  118. <br>
  119. <h3>Be a confident teacher</h3>
  120. <p>
  121. 1)Need to be able to teach confidently.<br>
  122. 2)Prepare well before teaching to be able to answer student's question confidently.<br>
  123. 3)Have a backup plan in case the lesson you prepare do not last long enough.
  124. </p>
  125. </div>
  126. </div>
  127. <div class="col-sm-4">
  128. <div class="intro-block">
  129. <span class="intro-icon"><i class="fa fa-heart-o" aria-hidden="true"></i></i></span>
  130. <br>
  131. <br>
  132. <br>
  133. <br>
  134. <br>
  135. <br>
  136. <h3>Able Provide Positivity & Care</h3>
  137. <p>
  138. 1)Able to communicate well with the student.<br>
  139. 2)Be patient if the student gets annoying. <br>
  140. 3)Can provide positivity teaching.<br>
  141. </p>
  142. </div>
  143. </div>
  144. </div>
  145. </section>
  146. <section class="feature-area" id="feature">
  147. <div class="container">
  148. <div class="row">
  149. <div class="col-sm-12 text-center">
  150. <div class ="title">
  151. <h2>Why Choose Us?</h2>
  152. <div class="sub-heading">
  153. <p>
  154. We give these 4 great benefits which other doesnt.
  155. </p>
  156. </div>
  157. </div>
  158. </div>
  159. </div>
  160. <div class ="row">
  161. <div class="col-sm-12 col-lg-8 text-center">
  162. <div class ="feature-block">
  163. <div class="single-feature ">
  164. <span class="featured-icon"><i class="fas fa-money-bill-wave"></i></span>
  165. <h3>Comission</h3>
  166. <p>
  167. Every tutor here stand a chance to earn bonus based on how many good feedback recieve fo the year. Parents can also tips you if they think you are a good teacher.
  168. </p>
  169. </div>
  170. <div class="single-feature ">
  171. <span class="featured-icon"><i class="fas fa-money-bill-wave"></i></span>
  172. <h3>Able to take lift easily</h3>
  173. <p>
  174. Every tutor can take a break and back to work whenever you want as long as you dont have any up coming schedule tution.
  175. </p>
  176. </div>
  177. <div class="single-feature ">
  178. <span class="featured-icon"><i class="fas fa-money-bill-wave"></i></span>
  179. <h3>Flexibility in teaching</h3>
  180. <p>
  181. Tutor can choose to use their own ways of teaching and their own books and did not need to follow to a certain ways.
  182. </p>
  183. </div>
  184. <div class="single-feature ">
  185. <span class="featured-icon"><i class="fas fa-money-bill-wave"></i></span>
  186. <h3>Get to choose the student</h3>
  187. <p>
  188. After the student request to tution, the tutor can meet up with student to discuss about will the tutor teach and can decline if the student is not interested.
  189. </p>
  190. </div>
  191. </div>
  192. </div>
  193. <div class="col-sm-4 col-lg-4">
  194. <div class="feature-mockup">
  195. <img src="board.svg" class="img-responsive">
  196. </div>
  197. </div>
  198. </div>
  199. </div>
  200. </section>
  201. <section class="more-feature-area" id="more_feature">
  202. <div class ="container">
  203. <div class="row">
  204. <div class="col-sm-12 text-center">
  205. <div class ="title">
  206. <h2>Want to find tutor for your child?</h2>
  207. <div class="sub-heading">
  208. <p>
  209. Here is WHY you should choose us!!!!
  210. </p>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  215. <div class="row">
  216. <div class="col-sm-12 col-lg-7">
  217. <img src="board.svg">
  218. </div>
  219. <div class="col-sm-12 col-md-5">
  220. <div class="feature-list">
  221. <ul>
  222. <li>
  223. <div class="feature-icon">
  224. <i class="fas fa-money-bill-wave"></i>
  225. </div>
  226. <div class="feature-details">
  227. <h3>Get to pick your tutor </h3>
  228. <p>
  229. You can choose any tutor after choosing the subject. We will have face to face phone once your submission is recieved.
  230. </p>
  231. </div>
  232. </li>
  233. <li>
  234. <div class="feature-icon">
  235. <i class="fas fa-money-bill-wave"></i>
  236. </div>
  237. <div class="feature-details">
  238. <h3>Offer online tution </h3>
  239. <p>
  240. Some tutor offer online tution which is good for student because they can study in familiar and comfortable surrounding.
  241. </p>
  242. </div>
  243. </li>
  244. <li>
  245. <div class="feature-icon">
  246. <i class="fas fa-money-bill-wave"></i>
  247. </div>
  248. <div class="feature-details">
  249. <h3>Efficiency and flexibility </h3>
  250. <p>
  251. The time of tution can be discuss with the tutor in order to change the time for tuition. If tutor and student are having online tution, the time is more flexible as they no need to meet up at a place and can just tution in their house.
  252. </p>
  253. </div>
  254. </li>
  255. <li>
  256. <div class="feature-icon">
  257. <i class="fas fa-money-bill-wave"></i>
  258. </div>
  259. <div class="feature-details">
  260. <h3>Access to resources </h3>
  261. <p>
  262. Tutor or student can bring their question or books to ask. If the tutor and student is having online tution, the tutor can access to book in the house in case prepare not enough.
  263. </p>
  264. </div>
  265. </li>
  266. </ul>
  267. </div>
  268. </div>
  269. </div>
  270. </div>
  271. </section>
  272. <section class="tutor-plan" id="plan">
  273. <div class="container">
  274. <div class="row">
  275. <div class="col-sm-12 text-center">
  276. <h2>Plans & Pricing</h2>
  277. <div class="sub-heading">
  278. <p>
  279. Below are our price & package that you can choose. The price might be chnaged in the future.
  280. </p>
  281. </div>
  282. </div>
  283. </div>
  284. <div class="row">
  285. <div class="col-sm-12">
  286. <div id="carousel-plan" class="carousel slide">
  287. <ol class="carousel-indicators">
  288. <li data-target="#carousel-plan" data-slide-to="0" class="active"></li>
  289. <li data-target="#carousel-plan" data-slide-to="1"></li>
  290. <li data-target="#carousel-plan" data-slide-to="2"></li>
  291. </ol>
  292. <div class="carousel-inner">
  293. <div class="item active text-center">
  294. <img src="A letter.jpg" class="center-block" >
  295. <h2>Plan A (1 month course)</h2 >
  296. <h4>Recommend for new user(1 SUBJECT ONLY)<br> Time: 2 Hours <br> Total Lesson: 4</h4>
  297. <div class="col-sm-4">
  298. <div class="contents">
  299. <h3>Advantages</h3>
  300. <p>
  301. 1)Suitable for new user since its short.<br>
  302. 2)Can experienced how our tuition works and maybe know what you want.<br>
  303. 3)Student can focus on 1 subject.
  304. </p>
  305. </div>
  306. </div>
  307. <div class="col-sm-4">
  308. <div class="contents">
  309. <h3>Disadvantages</h3>
  310. <p>
  311. 1)Can be slightly expensive compared to other plans.<br>
  312. 2)Tutor having risk being changed after the plan.<br>
  313. 3)The topic given might be lack of explanation since tutors will try to cover the topic given within a month.<br>
  314. </p>
  315. </div>
  316. </div>
  317. <div class="col-sm-4">
  318. <div class="contents">
  319. <h3>Price</h3>
  320. <h2>RM 100</h2>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="item text-center">
  325. <img src="A letter.jpg" class="center-block" >
  326. <h2>Plan B (6 months tuition course)</h2 >
  327. <h4>Recommend for college student that on long semester(1-3 SUBJECTS)<br> Time: 2 Hours/Lesson <br> Total Lesson: 24/48/72 </h4>
  328. <div class="col-sm-4">
  329. <div class="contents">
  330. <h3>Advantages</h3>
  331. <p>
  332. 1)Slightly cheaper as more subjects and time is taken by the student.<br>
  333. 2)The topic given will be fully explain as the time of study is longer.<br>
  334. 3)Can offer online tuition if the tutor cannot attend.<br>
  335. </p>
  336. </div>
  337. </div>
  338. <div class="col-sm-4">
  339. <div class="contents">
  340. <h3>Disadvantages</h3>
  341. <p>
  342. 1)Can be slightly expensive compared to other plans.<br>
  343. 2)Tutor having risk being changed after the plan.<br>
  344. 3)There maybe will be more than 1 tutor to teach as some tutor only can teach certain subject.<br>
  345. </p>
  346. </div>
  347. </div>
  348. <div class="col-sm-4">
  349. <div class="contents_B">
  350. <h3>Price</h3>
  351. <h4>1 SUBJECT:RM 95/Month</h4>
  352. <h4>2 SUBJECTS:RM 170/Month</h4>
  353. <h4>3 SUBJECTS:RM 240/Month</h4>
  354. </div>
  355. </div>
  356. </div>
  357.  
  358. <div class="item text-center">
  359. <img src="A letter.jpg" class="center-block" >
  360. <h2>Plan C (1 year tuition course)</h2 >
  361. <h4>Recommend for student that have a lot of subject need to tution(3-5 SUBJECTS)<br> Time: 2 Hours/Lesson <br> Total Lesson: 72/96/128 </h4>
  362. <div class="col-sm-4">
  363. <div class="contents">
  364. <h3>Advantages</h3>
  365. <p>
  366. 1)The topic given will be fully explain as the time of study is longer.<br>
  367. 2)Cheaper as more subjects and time is taken by the student.<br>
  368. 3)Can offer online tuition if the tutor cannot attend.<br>
  369. </p>
  370. </div>
  371. </div>
  372. <div class="col-sm-4">
  373. <div class="contents">
  374. <h3>Disadvantages</h3>
  375. <p>
  376. 1)If the student want to cancel halfways, there will be no refund.<br>
  377. 2)Tutor having risk being changed after the plan.<br>
  378. 3)There maybe will be more than 1 tutor to teach as some tutor only can teach certain subject.
  379. </p>
  380. </div>
  381. </div>
  382. <div class="col-sm-4">
  383. <div class="contents_B">
  384. <h3>Price</h3>
  385. <h4>3 SUBJECTS:RM 220/Month</h4>
  386. <h4>4 SUBJECTS:RM 280/Month</h4>
  387. <h4>5 SUBJECTS:RM 325/Month</h4>
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392. </div>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. </section>
  398.  
  399.  
  400. <script src="main.js" type="text/javascript"></script>
  401. <form>
  402. <div>
  403. </div>
  404. </form>
  405. </body>
  406. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement