It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://magetique.com/

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>Magetique - Creative Designer & Developer</title>
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  8. <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  9. <link rel="stylesheet" href="css/animate.css">
  10. <link rel="stylesheet" href="css/owl.carousel.min.css">
  11. <link rel="stylesheet" href="css/owl.theme.default.min.css">
  12. <link rel="stylesheet" href="css/magnific-popup.css">
  13. <link rel="stylesheet" href="css/flaticon.css">
  14. <link rel="stylesheet" href="css/style.css">
  15. </head>
  16. <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
  17. <div class="container">
  18. <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light site-navbar-target" id="ftco-navbar">
  19. <div class="row">
  20. <div class="col-3">
  21. <a class="navbar-brand" href="index.html"><img src="images/logo.png" width="70%"></a>
  22. </div>
  23. <div class="col-9">
  24. <div class="collapse navbar-collapse" id="ftco-nav">
  25. <ul class="navbar-nav nav ml-auto">
  26. <li class="nav-item "><a href="index.html" class="nav-link active"><span>Home</span></a></li>
  27. <li class="nav-item"><a href="login.html" class="nav-link"><span>Login</span></a></li>
  28. <li class="nav-item"><a href="register.html" class="nav-link"><span>Register</span></a></li>
  29. <li class="nav-item"><a href="profile.php" class="nav-link"><span>Profile</span></a></li> </ul>
  30. </div>
  31. </div>
  32. </div>
  33. </nav>
  34. </div>
  35. <section id="home-section" class="hero">
  36. <div class="home-slider owl-carousel">
  37. <div class="slider-item">
  38. <div class="overlay"></div>
  39. <div class="container-fluid px-md-0">
  40. <div class="row d-md-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
  41. <div class="one-third order-md-last img" style="background-image:url(images/bg_1.jpg);">
  42. <div class="overlay"></div>
  43. <div class="overlay-1"></div>
  44. </div>
  45. <div class="one-forth d-flex  align-items-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
  46. <div class="text">
  47. <span class="subheading">Hello! This is Clyde</span>
  48. <h1 class="mb-4 mt-3">Creative <span>UI/UX</span> Designer &amp; Developer</h1>
  49. <p><a href="#" class="btn btn-primary">Hire me</a> <a href="#" class="btn btn-primary btn-outline-primary">Download CV</a></p>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. <div class="slider-item">
  56. <div class="overlay"></div>
  57. <div class="container-fluid px-md-0">
  58. <div class="row d-flex no-gutters slider-text align-items-end justify-content-end" data-scrollax-parent="true">
  59. <div class="one-third order-md-last img" style="background-image:url(images/bg_2.jpg);">
  60. <div class="overlay"></div>
  61. <div class="overlay-1"></div>
  62. </div>
  63. <div class="one-forth d-flex align-items-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
  64. <div class="text">
  65. <span class="subheading">We Design &amp; Build Brands</span>
  66. <h1 class="mb-4 mt-3">Hi, I am <span>Clyde</span> This is my favorite work.</h1>
  67. <p><a href="#" class="btn btn-primary">Hire me</a> <a href="#" class="btn btn-primary btn-outline-primary">Download CV</a></p>
  68. </div>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </section>
  75. <section class="ftco-counter img bg-light" id="section-counter">
  76. <div class="container">
  77. <div class="row">
  78. <div class="col-md-3 justify-content-center counter-wrap ftco-animate">
  79. <div class="block-18 d-flex">
  80. <div class="icon d-flex justify-content-center align-items-center">
  81. <span class="flaticon-suitcase"></span>
  82. </div>
  83. <div class="text">
  84. <strong class="number" data-number="750">0</strong>
  85. <span>Project Complete</span>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="col-md-3 justify-content-center counter-wrap ftco-animate">
  90. <div class="block-18 d-flex">
  91. <div class="icon d-flex justify-content-center align-items-center">
  92. <span class="flaticon-loyalty"></span>
  93. </div>
  94. <div class="text">
  95. <strong class="number" data-number="568">0</strong>
  96. <span>Happy Clients</span>
  97. </div>
  98. </div>
  99. </div>
  100. <div class="col-md-3 justify-content-center counter-wrap ftco-animate">
  101. <div class="block-18 d-flex">
  102. <div class="icon d-flex justify-content-center align-items-center">
  103. <span class="flaticon-coffee"></span>
  104. </div>
  105. <div class="text">
  106. <strong class="number" data-number="478">0</strong>
  107. <span>Cups of coffee</span>
  108. </div>
  109. </div>
  110. </div>
  111. <div class="col-md-3 justify-content-center counter-wrap ftco-animate">
  112. <div class="block-18 d-flex">
  113. <div class="icon d-flex justify-content-center align-items-center">
  114. <span class="flaticon-calendar"></span>
  115. </div>
  116. <div class="text">
  117. <strong class="number" data-number="780">0</strong>
  118. <span>Years experienced</span>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </section>
  125. <section class="ftco-about ftco-section ftco-no-pt ftco-no-pb" id="about-section">
  126. <div class="container">
  127. <div class="row d-flex no-gutters">
  128. <div class="col-md-6 col-lg-5 d-flex">
  129. <div class="img-about img d-flex align-items-stretch">
  130. <div class="overlay"></div>
  131. <div class="img d-flex align-self-stretch align-items-center" style="background-image:url(images/about-1.jpg);">
  132. </div>
  133. </div>
  134. </div>
  135. <div class="col-md-6 col-lg-7 pl-md-4 pl-lg-5 py-5">
  136. <div class="py-md-5">
  137. <div class="row justify-content-start pb-3">
  138. <div class="col-md-12 heading-section ftco-animate">
  139. <span class="subheading">My Intro</span>
  140. <h2 class="mb-4" style="font-size: 34px; text-transform: capitalize;">About Me</h2>
  141. <p>Seeking a position as an administrative assistant at Acme Inc., to leverage organizational and research skills to support internal and external communication.</p>
  142. <ul class="about-info mt-4 px-md-0 px-2">
  143. <li class="d-flex"><span>Name:</span> <span>Clyde Nowitzki</span></li>
  144. <li class="d-flex"><span>Date of birth:</span> <span>January 01, 1990</span></li>
  145. <li class="d-flex"><span>Address:</span> <span>San Francisco CA 97987 USA</span></li>
  146. <li class="d-flex"><span>Zip code:</span> <span>99501</span></li>
  147. <li class="d-flex"><span>Email:</span> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8eedf7eaebe0e1f9e7faf4e5e7cee9e3efe7e2a0ede1e3">[email&#160;protected]</a></span></li>
  148. <li class="d-flex"><span>Phone: </span> <span>+1-3650-5276</span></li>
  149. </ul>
  150. </div>
  151. <div class="col-md-12">
  152. <div class="my-interest d-lg-flex w-100">
  153. <div class="interest-wrap d-flex align-items-center">
  154. <div class="icon d-flex align-items-center justify-content-center">
  155. <span class="flaticon-listening"></span>
  156. </div>
  157. <div class="text">Music</div>
  158. </div>
  159. <div class="interest-wrap d-flex align-items-center">
  160. <div class="icon d-flex align-items-center justify-content-center">
  161. <span class="flaticon-suitcases"></span>
  162. </div>
  163. <div class="text">Travel</div>
  164. </div>
  165. <div class="interest-wrap d-flex align-items-center">
  166. <div class="icon d-flex align-items-center justify-content-center">
  167. <span class="flaticon-video-player"></span>
  168. </div>
  169. <div class="text">Movie</div>
  170. </div>
  171. <div class="interest-wrap d-flex align-items-center">
  172. <div class="icon d-flex align-items-center justify-content-center">
  173. <span class="flaticon-football"></span>
  174. </div>
  175. <div class="text">Sports</div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184. </section>
  185. <section class="ftco-section bg-light" id="skills-section">
  186. <div class="container">
  187. <div class="row justify-content-center pb-5">
  188. <div class="col-md-12 heading-section text-center ftco-animate">
  189. <span class="subheading">Skills</span>
  190. <h2 class="mb-4">My Skills</h2>
  191. </div>
  192. </div>
  193. <div class="row progress-circle mb-5">
  194. <div class="col-lg-4 mb-4">
  195. <div class="bg-white rounded-lg shadow p-4">
  196. <h2 class="h5 font-weight-bold text-center mb-4">CSS</h2>
  197.  
  198. <div class="progress mx-auto" data-value="95">
  199. <span class="progress-left">
  200. <span class="progress-bar border-primary"></span>
  201. </span>
  202. <span class="progress-right">
  203. <span class="progress-bar border-primary"></span>
  204. </span>
  205. <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
  206. <div class="h2 font-weight-bold">95<sup class="small">%</sup></div>
  207. </div>
  208. </div>
  209.  
  210.  
  211. <div class="row text-center mt-4">
  212. <div class="col-6 border-right">
  213. <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
  214. </div>
  215. <div class="col-6">
  216. <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
  217. </div>
  218. </div>
  219.  
  220. </div>
  221. </div>
  222. <div class="col-lg-4 mb-4">
  223. <div class="bg-white rounded-lg shadow p-4">
  224. <h2 class="h5 font-weight-bold text-center mb-4">HTML</h2>
  225.  
  226. <div class="progress mx-auto" data-value="98">
  227. <span class="progress-left">
  228. <span class="progress-bar border-primary"></span>
  229. </span>
  230. <span class="progress-right">
  231. <span class="progress-bar border-primary"></span>
  232. </span>
  233. <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
  234. <div class="h2 font-weight-bold">98<sup class="small">%</sup></div>
  235. </div>
  236. </div>
  237.  
  238.  
  239. <div class="row text-center mt-4">
  240. <div class="col-6 border-right">
  241. <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
  242. </div>
  243. <div class="col-6">
  244. <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
  245. </div>
  246. </div>
  247.  
  248. </div>
  249. </div>
  250. <div class="col-lg-4 mb-4">
  251. <div class="bg-white rounded-lg shadow p-4">
  252. <h2 class="h5 font-weight-bold text-center mb-4">jQuery</h2>
  253.  
  254. <div class="progress mx-auto" data-value="68">
  255. <span class="progress-left">
  256. <span class="progress-bar border-primary"></span>
  257. </span>
  258. <span class="progress-right">
  259. <span class="progress-bar border-primary"></span>
  260. </span>
  261. <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
  262. <div class="h2 font-weight-bold">68<sup class="small">%</sup></div>
  263. </div>
  264. </div>
  265.  
  266.  
  267. <div class="row text-center mt-4">
  268. <div class="col-6 border-right">
  269. <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
  270. </div>
  271. <div class="col-6">
  272. <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
  273. </div>
  274. </div>
  275.  
  276. </div>
  277. </div>
  278. <div class="col-lg-4 mb-4">
  279. <div class="bg-white rounded-lg shadow p-4">
  280. <h2 class="h5 font-weight-bold text-center mb-4">Photoshop</h2>
  281.  
  282. <div class="progress mx-auto" data-value="92">
  283. <span class="progress-left">
  284. <span class="progress-bar border-primary"></span>
  285. </span>
  286. <span class="progress-right">
  287. <span class="progress-bar border-primary"></span>
  288. </span>
  289. <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
  290. <div class="h2 font-weight-bold">92<sup class="small">%</sup></div>
  291. </div>
  292. </div>
  293.  
  294.  
  295. <div class="row text-center mt-4">
  296. <div class="col-6 border-right">
  297. <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
  298. </div>
  299. <div class="col-6">
  300. <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
  301. </div>
  302. </div>
  303.  
  304. </div>
  305. </div>
  306. <div class="col-lg-4 mb-4">
  307. <div class="bg-white rounded-lg shadow p-4">
  308. <h2 class="h5 font-weight-bold text-center mb-4">WordPress</h2>
  309.  
  310. <div class="progress mx-auto" data-value="83">
  311. <span class="progress-left">
  312. <span class="progress-bar border-primary"></span>
  313. </span>
  314. <span class="progress-right">
  315. <span class="progress-bar border-primary"></span>
  316. </span>
  317. <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
  318. <div class="h2 font-weight-bold">83<sup class="small">%</sup></div>
  319. </div>
  320. </div>
  321.  
  322.  
  323. <div class="row text-center mt-4">
  324. <div class="col-6 border-right">
  325. <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
  326. </div>
  327. <div class="col-6">
  328. <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
  329. </div>
  330. </div>
  331.  
  332. </div>
  333. </div>
  334. <div class="col-lg-4 mb-4">
  335. <div class="bg-white rounded-lg shadow p-4">
  336. <h2 class="h5 font-weight-bold text-center mb-4">SEO</h2>
  337.  
  338. <div class="progress mx-auto" data-value="95">
  339. <span class="progress-left">
  340. <span class="progress-bar border-primary"></span>
  341. </span>
  342. <span class="progress-right">
  343. <span class="progress-bar border-primary"></span>
  344. </span>
  345. <div class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center">
  346. <div class="h2 font-weight-bold">95<sup class="small">%</sup></div>
  347. </div>
  348. </div>
  349.  
  350.  
  351. <div class="row text-center mt-4">
  352. <div class="col-6 border-right">
  353. <div class="h4 font-weight-bold mb-0">28%</div><span class="small text-gray">Last week</span>
  354. </div>
  355. <div class="col-6">
  356. <div class="h4 font-weight-bold mb-0">60%</div><span class="small text-gray">Last month</span>
  357. </div>
  358. </div>
  359.  
  360. </div>
  361. </div>
  362. </div>
  363. </div>
  364. </section>
  365. <section class="ftco-section" id="services-section">
  366. <div class="container">
  367. <div class="row justify-content-center">
  368. <div class="col-md-12 heading-section text-center ftco-animate mb-5">
  369. <span class="subheading">I am grat at</span>
  370. <h2 class="mb-4">We do awesome services for our clients</h2>
  371. </div>
  372. </div>
  373. <div class="row">
  374. <div class="col-md-6 col-lg-3">
  375. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  376. <div class="icon d-flex align-items-center justify-content-center"><span class="flaticon-3d-design"></span></div>
  377. <div class="media-body">
  378. <h3 class="heading mb-3">Web Design</h3>
  379. </div>
  380. </div>
  381. </div>
  382. <div class="col-md-6 col-lg-3">
  383. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  384. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-app-development"></span></div>
  385. <div class="media-body">
  386. <h3 class="heading mb-3">Web Application</h3>
  387. </div>
  388. </div>
  389. </div>
  390. <div class="col-md-6 col-lg-3">
  391. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  392. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-web-programming"></span></div>
  393. <div class="media-body">
  394. <h3 class="heading mb-3">Web Development</h3>
  395. </div>
  396. </div>
  397. </div>
  398. <div class="col-md-6 col-lg-3">
  399. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  400. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-branding"></span></div>
  401. <div class="media-body">
  402. <h3 class="heading mb-3">Banner Design</h3>
  403. </div>
  404. </div>
  405. </div>
  406. </div>
  407. <div class="row">
  408. <div class="col-md-6 col-lg-3">
  409. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  410. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-computer"></span></div>
  411. <div class="media-body">
  412. <h3 class="heading mb-3">Branding</h3>
  413. </div>
  414. </div>
  415. </div>
  416. <div class="col-md-6 col-lg-3">
  417. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  418. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-vector"></span></div>
  419. <div class="media-body">
  420. <h3 class="heading mb-3">Icon Design</h3>
  421. </div>
  422. </div>
  423. </div>
  424. <div class="col-md-6 col-lg-3">
  425. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  426. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-vector"></span></div>
  427. <div class="media-body">
  428. <h3 class="heading mb-3">Graphic Design</h3>
  429. </div>
  430. </div>
  431. </div>
  432. <div class="col-md-6 col-lg-3">
  433. <div class="media block-6 services d-block bg-white rounded-lg shadow ftco-animate">
  434. <div class="icon shadow d-flex align-items-center justify-content-center"><span class="flaticon-zoom"></span></div>
  435. <div class="media-body">
  436. <h3 class="heading mb-3">SEO</h3>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </section>
  443. <section class="ftco-hireme">
  444. <div class="container">
  445. <div class="row justify-content-between">
  446. <div class="col-md-8 col-lg-8 d-flex align-items-center">
  447. <div class="w-100 py-4">
  448. <h2>Have a project on your mind.</h2>
  449. <p class="mb-0"><a href="#" class="btn btn-white py-3 px-4">Contact me</a></p>
  450. </div>
  451. </div>
  452. <div class="col-md-4 col-lg-4 d-flex align-items-end">
  453. <img src="images/author.png" class="img-fluid" alt>
  454. </div>
  455. </div>
  456. </div>
  457. </section>
  458. <section class="ftco-section ftco-project" id="projects-section">
  459. <div class="container-fluid px-md-4">
  460. <div class="row justify-content-center pb-5">
  461. <div class="col-md-12 heading-section text-center ftco-animate">
  462. <span class="subheading">Accomplishments</span>
  463. <h2 class="mb-4">Our Projects</h2>
  464. </div>
  465. </div>
  466. <div class="row">
  467. <div class="col-md-3">
  468. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-1.jpg);">
  469. <div class="overlay"></div>
  470. <div class="text text-center p-4">
  471. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  472. <span>Web Design</span>
  473. </div>
  474. </div>
  475. </div>
  476. <div class="col-md-3">
  477. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-2.jpg);">
  478. <div class="overlay"></div>
  479. <div class="text text-center p-4">
  480. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  481. <span>Web Design</span>
  482. </div>
  483. </div>
  484. </div>
  485. <div class="col-md-3">
  486. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-3.jpg);">
  487. <div class="overlay"></div>
  488. <div class="text text-center p-4">
  489. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  490. <span>Web Design</span>
  491. </div>
  492. </div>
  493. </div>
  494. <div class="col-md-3">
  495. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-4.jpg);">
  496. <div class="overlay"></div>
  497. <div class="text text-center p-4">
  498. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  499. <span>Web Design</span>
  500. </div>
  501. </div>
  502. </div>
  503. <div class="col-md-3">
  504. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-5.jpg);">
  505. <div class="overlay"></div>
  506. <div class="text text-center p-4">
  507. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  508. <span>Web Design</span>
  509. </div>
  510. </div>
  511. </div>
  512. <div class="col-md-3">
  513. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-6.jpg);">
  514. <div class="overlay"></div>
  515. <div class="text text-center p-4">
  516. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  517. <span>Web Design</span>
  518. </div>
  519. </div>
  520. </div>
  521. <div class="col-md-3">
  522. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-7.jpg);">
  523. <div class="overlay"></div>
  524. <div class="text text-center p-4">
  525. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  526. <span>Web Design</span>
  527. </div>
  528. </div>
  529. </div>
  530. <div class="col-md-3">
  531. <div class="project img shadow ftco-animate d-flex justify-content-center align-items-center" style="background-image: url(images/work-8.jpg);">
  532. <div class="overlay"></div>
  533. <div class="text text-center p-4">
  534. <h3><a href="#">Branding &amp; Illustration Design</a></h3>
  535. <span>Web Design</span>
  536. </div>
  537. </div>
  538. </div>
  539. </div>
  540. </div>
  541. </section>
  542. <section class="ftco-section testimony-section bg-primary">
  543. <div class="container">
  544. <div class="row justify-content-center pb-5">
  545. <div class="col-md-12 heading-section heading-section-white text-center ftco-animate">
  546. <span class="subheading">Testimonies</span>
  547. <h2 class="mb-4">What client says about?</h2>
  548. </div>
  549. </div>
  550. <div class="row ftco-animate">
  551. <div class="col-md-12">
  552. <div class="carousel-testimony owl-carousel">
  553. <div class="item">
  554. <div class="testimony-wrap py-4">
  555. <div class="text">
  556. <span class="fa fa-quote-left"></span>
  557. <p class="mb-4 pl-5">Very helpful when building my website, I now have my ecommerce store built from scratch.</p>
  558. <div class="d-flex align-items-center">
  559. <div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
  560. <div class="pl-3">
  561. <p class="name">Jake Athersmith</p>
  562. </div>
  563. </div>
  564. </div>
  565. </div>
  566. </div>
  567. <div class="item">
  568. <div class="testimony-wrap py-4">
  569. <div class="text">
  570. <span class="fa fa-quote-left"></span>
  571. <p class="mb-4 pl-5">Warren is a great help managing a very out of date website. Everything we ask him to do is done quickly and efficiently, we would be lost without him.</p>
  572. <div class="d-flex align-items-center">
  573. <div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
  574. <div class="pl-3">
  575. <p class="name">Susan Cook</p>
  576. </div>
  577. </div>
  578. </div>
  579. </div>
  580. </div>
  581. <div class="item">
  582. <div class="testimony-wrap py-4">
  583. <div class="text">
  584. <span class="fa fa-quote-left"></span>
  585. <p class="mb-4 pl-5">Without doubt one of the most talented programmers out there. I always go back to Warren when I'm out of my depth and he's never failed to deliver what I ask for. Smart, trustworthy and professional. You won't be disappointed.</p>
  586. <div class="d-flex align-items-center">
  587. <div class="user-img" style="background-image: url(images/person_3.jpg)"></div>
  588. <div class="pl-3">
  589. <p class="name">Nick Brown</p>
  590. </div>
  591. </div>
  592. </div>
  593. </div>
  594. </div>
  595. <div class="item">
  596. <div class="testimony-wrap py-4">
  597. <div class="text">
  598. <span class="fa fa-quote-left"></span>
  599. <p class="mb-4 pl-5">Warren is awesome, delivers exactly what you want and is a great guy as well, thanks for all your hard work on my website.</p>
  600. <div class="d-flex align-items-center">
  601. <div class="user-img" style="background-image: url(images/person_1.jpg)"></div>
  602. <div class="pl-3">
  603. <p class="name">AdziMagic</p>
  604. </div>
  605. </div>
  606. </div>
  607. </div>
  608. </div>
  609. <div class="item">
  610. <div class="testimony-wrap py-4">
  611. <div class="text">
  612. <span class="fa fa-quote-left"></span>
  613. <p class="mb-4 pl-5">Fantastic service and great guy. We recommend to anyone who needs a website or web services. Well be using for any further web based services we require!</p>
  614. <div class="d-flex align-items-center">
  615. <div class="user-img" style="background-image: url(images/person_2.jpg)"></div>
  616. <div class="pl-3">
  617. <p class="name">David Ursell</p>
  618. </div>
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. </div>
  624. </div>
  625. </div>
  626. </div>
  627. </section>
  628. <section class="ftco-section contact-section ftco-no-pb" id="contact-section">
  629. <div class="container">
  630. <div class="row justify-content-center mb-5 pb-3">
  631. <div class="col-md-7 heading-section text-center ftco-animate">
  632. <span class="subheading">Contact us</span>
  633. <h2 class="mb-4">Have a Project?</h2>
  634. </div>
  635. </div>
  636. <div class="row block-9">
  637. <div class="col-md-8">
  638. <form action="#" class="bg-light p-4 p-md-5 contact-form">
  639. <div class="row">
  640. <div class="col-md-6">
  641. <div class="form-group">
  642. <input type="text" class="form-control" placeholder="Your Name">
  643. </div>
  644. </div>
  645. <div class="col-md-6">
  646. <div class="form-group">
  647. <input type="text" class="form-control" placeholder="Your Email">
  648. </div>
  649. </div>
  650. <div class="col-md-12">
  651. <div class="form-group">
  652. <input type="text" class="form-control" placeholder="Subject">
  653. </div>
  654. </div>
  655. <div class="col-md-12">
  656. <div class="form-group">
  657. <textarea name id cols="30" rows="7" class="form-control" placeholder="Message"></textarea>
  658. </div>
  659. </div>
  660. <div class="col-md-12">
  661. <div class="form-group">
  662. <input type="submit" value="Send Message" class="btn btn-primary py-3 px-5">
  663. </div>
  664. </div>
  665. </div>
  666. </form>
  667. </div>
  668. <div class="col-md-4 d-flex pl-md-5">
  669. <div class="row">
  670. <div class="dbox w-100 d-flex">
  671. <div class="icon d-flex align-items-center justify-content-center">
  672. <span class="fa fa-map-marker"></span>
  673. </div>
  674. <div class="text">
  675. <p><span>Address:</span> 198 West 21th Street, Suite 721 New York NY 10016</p>
  676. </div>
  677. </div>
  678. <div class="dbox w-100 d-flex">
  679. <div class="icon d-flex align-items-center justify-content-center">
  680. <span class="fa fa-phone"></span>
  681. </div>
  682. <div class="text">
  683. <p><span>Phone:</span> <a href="tel://1234567920">+ 1035 2355 98</a></p>
  684. </div>
  685. </div>
  686. <div class="dbox w-100 d-flex">
  687. <div class="icon d-flex align-items-center justify-content-center">
  688. <span class="fa fa-paper-plane"></span>
  689. </div>
  690. <div class="text">
  691. <p><span>Email:</span> <a href="/cdn-cgi/l/email-protection#660f080009260b070103120f1713034805090b"><span class="__cf_email__" data-cfemail="b9d0d7dfd6f9d4d8dedccdd0c8ccdc97dad6d4">[email&#160;protected]</span></a></p>
  692. </div>
  693. </div>
  694. <div class="dbox w-100 d-flex">
  695. <div class="icon d-flex align-items-center justify-content-center">
  696. <span class="fa fa-globe"></span>
  697. </div>
  698. <div class="text">
  699. <p><span>Website</span> <a href="#">magetique.com</a></p>
  700. </div>
  701. </div>
  702. </div>
  703.  
  704. </div>
  705. </div>
  706. </div>
  707. </section>
  708. <footer class="ftco-footer ftco-section">
  709. <div class="container">
  710. <div class="row">
  711. <div class="col-md-12 text-center">
  712. <p>
  713. Copyright &copy;<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>document.write(new Date().getFullYear());</script> All rights reserved by magetique
  714. </p>
  715. </div>
  716. </div>
  717. </div>
  718. </footer>
  719.  
  720. <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" /><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00" /></svg></div>
  721. <script src="js/jquery.min.js"></script>
  722. <script src="js/jquery-migrate-3.0.1.min.js"></script>
  723. <script src="js/popper.min.js"></script>
  724. <script src="js/bootstrap.min.js"></script>
  725. <script src="js/jquery.easing.1.3.js"></script>
  726. <script src="js/jquery.waypoints.min.js"></script>
  727. <script src="js/jquery.stellar.min.js"></script>
  728. <script src="js/owl.carousel.min.js"></script>
  729. <script src="js/jquery.magnific-popup.min.js"></script>
  730. <script src="js/jquery.animateNumber.min.js"></script>
  731. <script src="js/scrollax.min.js"></script>
  732. <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
  733. <script src="js/google-map.js"></script>
  734. <script src="js/main.js"></script>
  735. </body>
  736. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda