API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 19th, 2014
167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.85 KB | None | 0 0
raw download clone embed print report
  1. <?php include_once('postcontact.php'); ?>
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <title>TechMate Softtech- Website Development, Website Design, Logo Design, Offshore Development-Laravel Development India, Node.js Development India, PHP Outsourcing Company in India</title>
  6. <meta name="keywords" content="Techmate, web development rajkot, web development india, laravel development india,node.js development india, logo design rajkot, webdesign rajkot, techmate softtech rajkot">
  7. <meta name="description" content="TechmMate Softtech is website development and designing company.We provide services from local customers to our offshore clients.">
  8. <link rel="publisher" href="https://plus.google.com/109585322592858523646"/>
  9. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  10. <link href='http://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
  11. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
  16.  
  17. <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
  18. <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
  19. <link rel="stylesheet" type="text/css" href="css/navbar.css" />
  20. <link rel="stylesheet" type="text/css" href="css/animate.css" />
  21. <link rel="stylesheet" type="text/css" href="css/portfolio.css" />
  22. <link rel="stylesheet" type="text/css" href="css/ribbon.css" />
  23. <link rel="stylesheet" type="text/css" href="css/tabs.css" />
  24. <link rel="stylesheet" type="text/css" href="css/style.css" />
  25. <link rel="stylesheet" type="text/css" href="css/fancy-textbox.css" />
  26. <link rel="stylesheet" type="text/css" href="css/output.css" />
  27. <link rel="stylesheet" type="text/css" href="css/tooltip.css" />
  28. <style type="text/css">
  29. /* Quote rotator ...*/
  30. .q-rotater{
  31. width: 70%;
  32. margin-left: 15%;
  33. }
  34. .border{
  35. border: 1px solid red;
  36. }
  37. .q-line{
  38. /*width: 0%;*/
  39. border-top: 2px solid #47A3DA;
  40. -webkit-animation: myfirst 10s;
  41. animation: myfirst 10s;
  42. animation-iteration-count: infinite;
  43. -webkit-animation-iteration-count: infinite;
  44. position: absolute;
  45. }
  46. .q-u-line{
  47. border-top: 2px solid #CCC;
  48. }
  49.  
  50. @-webkit-keyframes myfirst {
  51. 0% { width: 0%;}
  52. 100% { width: 70%; }
  53. }
  54.  
  55. @keyframes myfirst {
  56. 0% { width: 0%;}
  57. 100% { width: 70%; }
  58. }
  59. .quote p {
  60. font-size: 20px;
  61. font-family: verdana;
  62. }
  63. .quote > div {
  64. display: inline-block;
  65. height: auto;
  66. }
  67. .qrotate-div {
  68. background: white;
  69. padding-top:25px;
  70. padding-bottom:25px;
  71. margin-left: -7px;
  72. margin-right: -7px;
  73. height: 150px;
  74. }
  75. .tech-head{
  76. text-shadow: 1px 1px 1px #CCC;
  77. }
  78. </style>
  79.  
  80.  
  81. <!-- Scripts js -->
  82. <script src='http://code.jquery.com/jquery-1.11.1.min.js'></script>
  83. <script src='js/scroll.js'></script>
  84. <script src='js/validate.js'></script>
  85. <script>
  86. $(document).ready(function() {
  87. var nice = $("body").niceScroll({cursorcolor:"#056495"}); // The document page (body)
  88. });
  89. </script>
  90. <script>
  91. function animateTeam(){
  92. var member1 = document.getElementById('member1');
  93. var member2 = document.getElementById('member2');
  94. var member3 = document.getElementById('member3');
  95. var member4 = document.getElementById('member4');
  96. member1.className = 'animated slideInLeft team-member';
  97. member2.className = 'animated slideInRight team-member';
  98. member3.className = 'animated slideInLeft team-member';
  99. member4.className = 'animated slideInRight team-member';
  100. }
  101. </script>
  102. <script>
  103. function testts(id){
  104. var txt = document.getElementById('txt');
  105. var id = document.getElementById(id);
  106. var cid = document.getElementById("c"+id.id);
  107.  
  108. if (txt.value != id.id) {
  109. var hid = document.getElementById(txt.value);
  110. hid.className = "";
  111. hid.style.display='none';
  112. id.style.display = 'block';
  113. id.className = 'animated fadeIn';
  114. };
  115. txt.value=id.id;
  116. }
  117. </script>
  118. </head>
  119. <body>
  120. <a href="#" class="back-to-top"><i class='fa fa-angle-up fa-lg'></i></a>
  121. <div class="container hidden-xs">
  122. <div class="cbp-af-header">
  123. <div class="cbp-af-inner">
  124. <h1 class="tech-head">TechMate<label style="font-size:15px;font-family:GT-Architectural">Softtech</label></h1>
  125. <div class='nav-link'>
  126. <nav>
  127. <ul id="top-menu" class='animated pulse'>
  128. <li class="active"><a href="#home"><i class='fa fa-home'></i>&nbsp;Home</a></li>
  129. <li><a href="#about"><i class='fa fa-info'></i>&nbsp;About</a></li>
  130. <li><a href="#service"><i class='fa fa-cogs'></i>&nbsp;Services</a></li>
  131. <li><a href="#portfolio"><i class='fa fa-suitcase'></i>&nbsp;Portfolio</a></li>
  132. <li onclick="animateTeam()"><a href="#team"><i class='fa fa-users'></i>&nbsp;Team</a></li>
  133. <li><a href="#contact"><i class='fa fa-envelope'></i>&nbsp;Contact Us</a></li>
  134. </ul>
  135. </nav>
  136. </div>
  137. </div>
  138. </div>
  139.  
  140. <div id='home'>
  141. <article>
  142. <div class="down">
  143. <a href="#about" id='gotoabout'><i class='fa fa-angle-down fa-3x' onclick='gotoAbout()'></i></a>
  144. </div>
  145. <div class="parallax">
  146. <div class="bg__foo">
  147. </div>
  148. </div>
  149. <div class="content"><div id="typer">Techmate Softtech</div></div>
  150. <!-- <header>
  151. <h1>Attachement...!</h1>
  152. </header> -->
  153. </article>
  154. </div>
  155.  
  156. <div id='about'>
  157. <!-- <h2 id='test' class="about-head" style="text-align:Center">Who we are</h2> -->
  158. <div class='head'>
  159. <h2 id='whowe'>
  160. <!-- <div class='left-line'></div><label class="head-title">Portfolio</label> -->
  161. <div class="ribbon"><div class="ribbon-stitches-top"></div><strong class="ribbon-content"><h1><label>Who we are</label></h1></strong><div class="ribbon-stitches-bottom"></div></div>
  162. <br><br>
  163. </h2>
  164. </div>
  165. <section class="section-content">
  166. <div class="container" style="font-size:17px;">
  167. <p><strong>Techmate Softtech</strong> is an India based <strong>web design</strong> and <strong>web development</strong> company. We provide web solutions for businesses to grow up. As a Tech-startup we enjoy taking challenges and love to solve them. Techmate is committed to their client&#39;s satisfaction. </p>
  168. <p>We provide custom solutions for ranging from Mobile appliations to custom Content Management Systems<u>(CMS)</u>. We use the <u>latest technologies</u> for solving our client&#39;s needs. Our methodology includes the following steps:</p>
  169. </div>
  170. <div class="container aboutus">
  171. <div class="cstm-de">
  172. <div class="cstm-de-img">
  173. <img src="images/design.png" height="150px" width="150px" />
  174. </div>
  175. <p><strong><u>Design</u></strong></p>
  176. </div>
  177. <div class="cstm-de">
  178. <div class="cstm-de-img">
  179. <img src="images/develop.png" height="150px" width="150px" />
  180. </div>
  181. <p><strong><u>Develop</u></strong></p>
  182. </div>
  183. <div class="cstm-de">
  184. <div class="cstm-de-img">
  185. <img src="images/deploy.png" height="150px" width="150px" />
  186. </div>
  187. <p><strong><u>Deploy</u></strong></p>
  188. </div>
  189. </div>
  190. </section>
  191. <section class="parallax">
  192. <div class="bg__break">
  193. <!-- <div class="capture">Caption</div> -->
  194. <!-- <p>Design</p> -->
  195. </div>
  196. </section>
  197. </div>
  198.  
  199.  
  200. <!-- Services Starts -->
  201. <div class="service-tag" style="margin-top:4%;">
  202. <h2>Our Services&nbsp;&nbsp;<i id='thumbs_right' class='fa fa-hand-o-right thumbs'></i></h2>
  203. </div>
  204.  
  205. <div style="height:380px;margin-top:4%;" id='service'>
  206. <div id="tabs" class="tabs">
  207. <input type="hidden" id='txt' value='1'>
  208. <nav>
  209. <ul class="curp">
  210. <li id='c1' onclick="testts(1)"><a class="icon-shop"><label><i class='fa fa-desktop'></i>&nbsp;Web</label></a></li>
  211. <li id='c2' onclick="testts(2)"><a class="icon-cup"><label><i class='fa fa-mobile'></i>&nbsp;Mobile</label></a></li>
  212. <li id='c3' onclick="testts(3)"><a class="icon-cup"><label><i class='fa fa-leaf'></i>&nbsp;Logo Design</label></a></li>
  213. <li id='c4' onclick="testts(4)"><a class="icon-food"><label><i class='fa fa-chain'></i>&nbsp;Offshore Development</label></a></li>
  214. </ul>
  215. </nav>
  216. <div class="content">
  217. <section>
  218. <div id='1' class="">
  219. <div class="section-content">
  220. <div class="w-140 f-l">
  221. <img src="images/development1.png">
  222. </div>
  223. <div class="dirin">
  224. <p>The impact of making a great impression on visitors to your website cannot be understated. We are here to help creating an aesthetically appealing and attractive website for you. We help you making from a small business to a brand. Our service area include custom website development and e-commerce websites.</p>
  225. <!-- <p>We will design website just according to your needs. We ensure that the entire project is completed within the stipulated budget.</p> -->
  226. <div class="w-140 f-r">
  227. <img src="images/development2.png">
  228. </div>
  229. <p>Our development strategy follows each step involved in system development life cycle. We first clear requirements with client by 1 to 1 meeting. Once requirements are cleared, we move forward with requirement study and then comes the designing. Our designs are fully mobile responsive and W3C complaint. Thus, we unite the power of art and technology by integrating the best in web design and programming expertise.</p>
  230. </div>
  231. </div>
  232. </div>
  233. </section>
  234. <section>
  235. <div id='2' class="" style="display:none">
  236. <div class="section-content">
  237. <div class="dirin">
  238. <div class="w-140 f-l">
  239. <img src="images/mobile1.png">
  240. </div>
  241. <p>Smart phones are gaining all over mobile phone&#39;s market. As mobile technology keeps the customers stay connected for almost all the time, enterprises are moving beyond the desktop world to keep attuned to their customers' need.</p>
  242. <div class="w-140 f-r">
  243. <img src="images/mobile2.png">
  244. </div>
  245. <p>Mobile devices are set to take the centerer stage in the coming times. A large share of internet has already moved into mobile devices. </p>
  246. <p>If you have a business that seeks competitive advantage in the coming times, mobile users needs considered.So here we are to help put your company on the smart phones. Your customers will stay 24x7 in touch of yours.</p>
  247. </div>
  248. </div>
  249. </div>
  250. </section>
  251. <section>
  252. <div id='3' class="" style="display:none">
  253. <div class="section-content">
  254. <div class="dirin">
  255. <div class="w-140 f-l">
  256. <img src="images/design1.png">
  257. </div>
  258. <p>We will make your BUSINESS a BRAND.</p>
  259. <p>A good logo design always attracts attention. Major companies are recognized by their brands/logos. It is easier on the part of the consumers to recognize a unique logo rather than the name of an organization.</p>
  260. <div class="w-140 f-r">
  261. <img src="images/design2.png">
  262. </div>
  263. <p>Logo making actually is one of the many important, yet neglected elements for small and medium businesses. People are exposed to way too many concepts and ideas on a daily basis. Obviously one cannot remember them all. Your company&#39;s logo should, therefore, be one that leaves a mark.</p>
  264. <p>While providing logo designs we strictly follow copyright issues and legal aspects pertaining to this visual medium. It is also an essential part of logo design.</p>
  265. </div>
  266. </div>
  267. </div>
  268. </section>
  269. <section>
  270. <div id='4' class="" style="display:none">
  271. <div class="section-content">
  272. <div class="dirin">
  273. <div class="f-r tech-logo">
  274. <img src="images/laravel.png">
  275. <img src="images/codeigniter-logo.png">
  276. <img src="images/nodejs_logo.png">
  277.  
  278. <img src="images/and.jpg">
  279. <img src="images/icn-jquerymobile-logo.png">
  280. </div>
  281. <p>Our offshore clients know us for our commitment and dedication to work. We use these many technologies:</p>
  282. <ul>
  283. <li><i class='fa fa-angle-right'></i>&nbsp;&nbsp;Laravel PHP development</li>
  284. <li><i class='fa fa-angle-right'></i>&nbsp;&nbsp;CodeIgniter PHP development</li>
  285. <li><i class='fa fa-angle-right'></i>&nbsp;&nbsp;Node.js Application and API development</li>
  286. <li><i class='fa fa-angle-right'></i>&nbsp;&nbsp;jQuery Mobile Website development</li>
  287. <li><i class='fa fa-angle-right'></i>&nbsp;&nbsp;Android Application development</li>
  288. </ul>
  289. <p>We do out sourcing work in all major technologies. We believe in long term relationship so we do not consider a project as one time deal. We as a company, always goes the extra mile to make sure that our customers are satisfied with the ultimate services.</p>
  290. </div>
  291. </div>
  292. </div>
  293. </section>
  294. </div><!-- /content -->
  295. </div><!-- /tabs -->
  296. </div>
  297. <!-- Services Ends -->
  298. <div style="clear:both"></div>
  299.  
  300. <!-- Our clients Feedback Starts-->
  301. <div class="qrotate-div">
  302. <div class="q-rotater">
  303. <div class="q-line" id='l-1'></div>
  304. <div class="q-u-line"></div>
  305. <div class="quote" id="101">
  306. <div>
  307. <img src="http://c.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/business_user.png" height="70px" width="70px;">
  308. </div>
  309. <div>
  310. <p>Great work. Timely and goes the extra mile! Thanks again.</p>
  311. <label>-Gospel J.</label>
  312. </div>
  313. </div>
  314.  
  315. <div class="quote" id="102" style="display:none">
  316. <div>
  317. <img src="http://c.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/business_user.png" height="70px" width="70px;">
  318. </div>
  319. <div>
  320. <p>Great work-ethic and pleasure, will definitely work with this developer again.</p>
  321. <label>-James Curelead </label>
  322. </div>
  323. </div>
  324.  
  325. <div class="quote" id="103" style="display:none">
  326. <div>
  327. <img src="http://c.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/business_user.png" height="70px" width="70px;">
  328. </div>
  329. <div>
  330. <p>Excellent Job...Thumbs up. Will do business again. Thank you</p>
  331. <label>-Feroze</label>
  332. </div>
  333. </div>
  334.  
  335. <div class="quote" id="104" style="display:none">
  336. <div>
  337. <img src="http://c.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/business_user.png" height="70px" width="70px;">
  338. </div>
  339. <div>
  340. <p>Excellent job. Gave me exactly what I needed.</p>
  341. <label>-Toomas L.</label>
  342. </div>
  343. </div>
  344.  
  345. <input type="hidden" value="101" id='temp'>
  346. </div>
  347. </div>
  348. <!-- Our clients Feedback Ends-->
  349.  
  350. <!-- Portfolio Starts -->
  351. <div id='portfolio'>
  352. <div class='head'>
  353. <h2 id='work'>
  354. <!-- <div class='left-line'></div><label class="head-title">Portfolio</label> -->
  355. <div class="ribbon"><div class="ribbon-stitches-top"></div><strong class="ribbon-content"><h1><label>Portfolio</label></h1></strong><div class="ribbon-stitches-bottom"></div></div>
  356. <br><br>
  357. </h2>
  358. </div>
  359.  
  360. <div class="pcontent">
  361.  
  362. <div class="pbox">
  363. <div class="block1">
  364. <div class="folio1">
  365. <img src="images/portfolio/Ready_Roadside_Rescue.png"/>
  366. <div class="face">
  367. <h2 class="folio-head">RoadSide Rescue</h2>
  368. <p>Business website</p>
  369. <a href="http://readyroadsiderescue.com/" class="icon" target="_blank">Check Here</a>
  370. </div>
  371. </div>
  372. </div>
  373. </div>
  374.  
  375. <div class="pbox">
  376. <div class="block1">
  377. <div class="folio1">
  378. <img src="images/portfolio/QwikLube.png"/>
  379. <div class="face">
  380. <h2 class="folio-head">QwikLube</h2>
  381. <p>Business Website</p>
  382. <a href="http://qwiklube.techmatesofttech.com/" class="icon" target="_blank">Check Here</a>
  383. </div>
  384. </div>
  385. </div>
  386. </div>
  387.  
  388. <div class="pbox">
  389. <div class="block1">
  390. <div class="folio1">
  391. <img src="images/portfolio/Stronix.png"/>
  392. <div class="face">
  393. <h2 class="folio-head">Stronix Webdesign</h2>
  394. <p>Online Affiliate Store</p>
  395. <a href="http://storenix.com/" class="icon" target="_blank">Check Here</a>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400.  
  401.  
  402. <div class="pbox">
  403. <div class="block1">
  404. <div class="folio1">
  405. <img src="images/portfolio/EUROSEAS.png"/>
  406. <div class="face">
  407. <h2 class="folio-head">EUROSEAS</h2>
  408. <p>Shipping Corporation Website</p>
  409. <a href="http://euro-seas.com" class="icon" target="_blank">Check Here</a>
  410. </div>
  411. </div>
  412. </div>
  413. </div>
  414.  
  415. <div class="pbox">
  416. <div class="block1">
  417. <div class="folio1">
  418. <img src="images/portfolio/Topjkoes.png"/>
  419. <div class="face">
  420. <h2 class="folio-head">Topjokes</h2>
  421. <p>Video Collection Website</p>
  422. <a href="http://onestepdownload.com/topjoke/category/popular/?cat=po" class="icon" target="_blank">Check Here</a>
  423. </div>
  424. </div>
  425. </div>
  426. </div>
  427.  
  428.  
  429. <div class="pbox">
  430. <div class="block1">
  431. <div class="folio1">
  432. <img src="images/portfolio/Flash_Computers.png"/>
  433. <div class="face">
  434. <h2 class="folio-head">Flash Computers</h2>
  435. <p>Business Website</p>
  436. <a href="http://flashcomputers.com.au/" class="icon" target="_blank">Check Here</a>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441.  
  442. <div class="pbox">
  443. <div class="block1">
  444. <div class="folio1">
  445. <img src="images/portfolio/COMPUTER_GURU.png"/>
  446. <div class="face">
  447. <h2 class="folio-head">Computer Guru</h2>
  448. <p>Blog</p>
  449. <a href="http://www.trick2everyone.com/" class="icon" target="_blank">Check Here</a>
  450. </div>
  451. </div>
  452. </div>
  453. </div>
  454.  
  455. <div class="pbox">
  456. <div class="block1">
  457. <div class="folio1">
  458. <img src="images/portfolio/cristian_physiq_training.png"/>
  459. <div class="face">
  460. <h2 class="folio-head">Physiq Training</h2>
  461. <p>Portfolio Website</p>
  462. <a href="http://cristianphysiqtraining.com/" class="icon" target="_blank">Check Here</a>
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  467. </div>
  468. </div>
  469. <br>
  470. <!-- Portfolio Ends -->
  471. <div style="clear:both"></div>
  472.  
  473. <!-- Team Starts -->
  474. <div id='team' class="">
  475. <div class='head'>
  476. <h2 id='teamHead'>
  477. <div class="ribbon"><div class="ribbon-stitches-top"></div><strong class="ribbon-content"><h1><label>Our Team</label></h1></strong><div class="ribbon-stitches-bottom"></div></div>
  478. <br><br>
  479. </h2>
  480. </div>
  481. <br/>
  482. <div class="team-member" id='member1'>
  483. <div class="team-box">
  484. <center>
  485. <div class="img">
  486. <img src="images/members/mit.jpg">
  487. </div>
  488. </center>
  489. <h5 class="head">Mit Patel</h5><br>
  490. <label class="sub-head">( Techlead &amp; Progammer )</label><br><br>
  491. <div class="s-member">
  492. <div align='center' style="width:100%;">
  493. <div class="s-info s-skype">
  494. <a class="tooltip-top" data-tooltip="Contact me">
  495. <i class='fa fa-skype fa-lg'></i>
  496. </a>
  497. </div>
  498. <div class="s-info s-git">
  499. <a class="tooltip-top" data-tooltip="See my repo">
  500. <i class='fa fa-github fa-lg'></i>
  501. </a>
  502. </div>
  503. <div class="s-info s-tw">
  504. <a class="tooltip-top" data-tooltip="Twitter">
  505. <i class='fa fa-twitter fa-lg'></i>
  506. </a>
  507. </div>
  508. <div class="s-info s-in">
  509. <a class="tooltip-top" data-tooltip="Linked in">
  510. <i class='fa fa-linkedin fa-lg'></i>
  511. </a>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. </div>
  517.  
  518. <div class="team-member" id='member2'>
  519. <div class="team-box">
  520. <center>
  521. <div class="img">
  522. <img src="images/members/yogesh.jpg" style="margin-top:-17px;">
  523. </div>
  524. </center>
  525. <h5 class="head">Yogesh Devaliya</h5><br>
  526. <label class="sub-head">( Web Developer/Designer )</label><br><br>
  527. <div class="s-member">
  528. <div align='center' style="width:100%;">
  529. <div class="s-info s-skype">
  530. <a class="tooltip-top" data-tooltip="Contact me">
  531. <i class='fa fa-skype fa-lg'></i>
  532. </a>
  533. </div>
  534. <div class="s-info s-git">
  535. <a class="tooltip-top" data-tooltip="See my repo">
  536. <i class='fa fa-github fa-lg'></i>
  537. </a>
  538. </div>
  539. <div class="s-info s-tw">
  540. <a class="tooltip-top" data-tooltip="Twitter">
  541. <i class='fa fa-twitter fa-lg'></i>
  542. </a>
  543. </div>
  544. <div class="s-info s-in">
  545. <a class="tooltip-top" data-tooltip="Linked in">
  546. <i class='fa fa-linkedin fa-lg'></i>
  547. </a>
  548. </div>
  549. </div>
  550. </div>
  551. </div>
  552. </div>
  553. <div class="team-member" id='member3'>
  554. <div class="team-box">
  555. <center>
  556. <div class="img">
  557. <img src="images/members/sp.jpg" style="margin-top:-17px;">
  558. </div>
  559. </center>
  560. <h5 class="head">Pauras Sagpariya</h5><br>
  561. <label class="sub-head">( Android Developer )</label><br><br>
  562. <div class="s-member">
  563. <div align='center' style="width:100%;">
  564. <div class="s-info s-skype">
  565. <a class="tooltip-top" data-tooltip="Contact me">
  566. <i class='fa fa-skype fa-lg'></i>
  567. </a>
  568. </div>
  569. <div class="s-info s-git">
  570. <a class="tooltip-top" data-tooltip="See my repo">
  571. <i class='fa fa-github fa-lg'></i>
  572. </a>
  573. </div>
  574. <div class="s-info s-tw">
  575. <a class="tooltip-top" data-tooltip="Twitter">
  576. <i class='fa fa-twitter fa-lg'></i>
  577. </a>
  578. </div>
  579. <div class="s-info s-in">
  580. <a class="tooltip-top" data-tooltip="Linked in">
  581. <i class='fa fa-linkedin fa-lg'></i>
  582. </a>
  583. </div>
  584. </div>
  585. </div>
  586. </div>
  587. </div>
  588.  
  589. <div class="team-member" id='member4'>
  590. <div class="team-box">
  591. <center>
  592. <div class="img">
  593. <img src="images/members/hitesh.JPG">
  594. </div>
  595. </center>
  596. <h5 class="head">Hitesh Sadhrakiya</h5><br>
  597. <label class="sub-head">( Front-end Developer )</label><br><br>
  598. <div class="s-member">
  599. <div align='center' style="width:100%;">
  600. <div class="s-info s-skype">
  601. <a class="tooltip-top" data-tooltip="Contact me">
  602. <i class='fa fa-skype fa-lg'></i>
  603. </a>
  604. </div>
  605. <div class="s-info s-git">
  606. <a class="tooltip-top" data-tooltip="See my repo">
  607. <i class='fa fa-github fa-lg'></i>
  608. </a>
  609. </div>
  610. <div class="s-info s-tw">
  611. <a class="tooltip-top" data-tooltip="Twitter">
  612. <i class='fa fa-twitter fa-lg'></i>
  613. </a>
  614. </div>
  615. <div class="s-info s-in">
  616. <a class="tooltip-top" data-tooltip="Linked in">
  617. <i class='fa fa-linkedin fa-lg'></i>
  618. </a>
  619. </div>
  620. </div>
  621. </div>
  622. </div>
  623. </div>
  624.  
  625. <div style="clear:both"></div><br>
  626. <div class="team-member" id="member5" style='visibility:hidden'>
  627. <div class="team-box">
  628. &nbsp;
  629. </div>
  630. </div>
  631.  
  632. <div class="team-member" id='member6'>
  633. <div class="team-box">
  634. <center>
  635. <div class="img">
  636. <img src="images/team_member.png">
  637. </div>
  638. </center>
  639. <h5 class="head">Jasmine Chaniara</h5><br>
  640. <label class="sub-head">( Developer )</label><br><br>
  641. <div class="s-member">
  642. <div align='center' style="width:100%;">
  643. <div class="s-info s-skype">
  644. <a class="tooltip-top" data-tooltip="Contact me">
  645. <i class='fa fa-skype fa-lg'></i>
  646. </a>
  647. </div>
  648. <div class="s-info s-git">
  649. <a class="tooltip-top" data-tooltip="See my repo">
  650. <i class='fa fa-github fa-lg'></i>
  651. </a>
  652. </div>
  653. <div class="s-info s-tw">
  654. <a class="tooltip-top" data-tooltip="Twitter">
  655. <i class='fa fa-twitter fa-lg'></i>
  656. </a>
  657. </div>
  658. <div class="s-info s-in">
  659. <a class="tooltip-top" data-tooltip="Linked in">
  660. <i class='fa fa-linkedin fa-lg'></i>
  661. </a>
  662. </div>
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667.  
  668. <div class="team-member" id='member7'>
  669. <div class="team-box">
  670. <center>
  671. <div class="img">
  672. <img src="images/team_member.png">
  673. </div>
  674. </center>
  675. <h5 class="head">You can be Here</h5><br>
  676. <label class="sub-head">( your position )</label><br><br>
  677. <div class="s-member">
  678. <button class="custom-btn-c" onclick="location='#contact'">Apply Here</button>
  679. </div>
  680. </div>
  681. </div>
  682.  
  683.  
  684. </div>
  685. <!-- Team Ends -->
  686.  
  687. <div style="clear:both"></div>
  688.  
  689. <!-- Contact Start -->
  690. <div id='contact'>
  691. <div class='head'>
  692. <h2 id='reachus'>
  693. <div class="ribbon"><div class="ribbon-stitches-top"></div><strong class="ribbon-content"><h1><label>Reach us</label></h1></strong><div class="ribbon-stitches-bottom"></div></div>
  694. <br><br>
  695. <!-- <div class='left-line'></div><label class="head-title">Reach Us</label>
  696. <div class='right-line'></div> -->
  697. </h2>
  698. </div>
  699.  
  700. <form id="submit_form" method="post" action="">
  701. <div class='contact-form'>
  702. <div class='contact-info'>
  703. <input type="text" name='c_nm' class='inpt-form' data-animation="fade" id="username" data-label="Name*" placeholder='Enter your name' onblur='validateText(this.id)' onkeyup='validateEmpty(this.id)' autocomplete='off'/><br>
  704. <label class='lbl-err' id='lblusername'></label>
  705.  
  706. <input type="text" class='inpt-form' data-animation='fade' id='email' data-label="Email*" placeholder='Enter your email' name="c_email" onblur='checkEmail()' onkeyup='validateEmpty(this.id)' autocomplete='off'/><br><label class='lbl-err' id='lblemail'></label>
  707.  
  708. <input type="text" class='inpt-form' data-animation="fade" id="phone" data-label="Phone" placeholder='Enter your contact number' maxlength="15" name="c_number" onkeypress="return isNumber(event)" autocomplete='off'/><br>
  709.  
  710. <textarea class='inpt-form textarea' rows="4" cols="50" resize='none' placeholder='Message *' id='msg' name="c_msg" onblur='validateText(this.id)' onkeyup='validateEmpty(this.id)'></textarea><label class='lbl-err' id='lblmsg'></label><br><br>
  711. <div style='text-align:center'>
  712. <input type='submit' id='submit' class='custom-btn w-105' value='SEND' onclick="return validateForm()" name="send">
  713. </div>
  714. </div>
  715.  
  716. <div class='contact-detail'>
  717. <h3>Get in touch</h3>
  718. <h4><label>Email: &nbsp;</label><a href="mailto:info@techmatesofttech.com">info@techmatesofttech.com</a></h4>
  719. <h4><label>Tel: &nbsp;</label><a href="tel:+91 813067071">(+91) 2813067071</a></h4>
  720. <h4><label>Address: &nbsp;</label>34-Parekh Chambers,<br><br>Nr. A-Division Police Station,<br><br>Dhebar Road One Way,<br><br>Nr. Trikon Bag, Rajkot-360001.</h4>
  721. </div>
  722. <br>
  723. <div style="clear:both"></div>
  724. <div class="map-center">
  725. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3691.50267953845!2d70.80273300000002!3d22.296821!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3959ca04860c9371%3A0xd4d3f9119c5ce1f4!2sTechmate+Softtech%2C+LLP!5e0!3m2!1sen!2sin!4v1408598807309" width="95%" height="400" frameborder="0" style="border:0"></iframe>
  726. </div>
  727. </div>
  728. </form><br>
  729.  
  730.  
  731.  
  732. </div>
  733. <!-- Contact Ends -->
  734. <div style="clear:both"></div>
  735.  
  736. <!-- Footer Starts -->
  737. <div class='footer'>
  738. <!-- <div class="ft-line"></div> -->
  739. <br>
  740. <div style='text-align:center'>
  741. <div class="social">
  742. <a href="https://www.facebook.com/techmatesofttech" target="_blank"><i class='social-f fa fa-facebook fa-lg'></i></a>
  743. <a href="https://twitter.com/techmatesoft" target="_blank"><i class='social-t fa fa-twitter fa-lg'></i></a>
  744. <a href="https://plus.google.com/109585322592858523646/about" target="_blank"><i class='social-g fa fa-google-plus fa-lg'></i></a>
  745. <a href="https://github.com/TechMateSoft" target="_blank"><i class='social-gt fa fa-github fa-lg'></i></a>
  746. </div>
  747.  
  748. <div style="clear:both"></div>
  749. <div class="top-link">
  750. <ul>
  751. <li><a href="#home">Home</a></li>
  752. <li>|</li>
  753. <li><a href="#about">About</a></li>
  754. <li>|</li>
  755. <li><a href="#service">Services</a></li>
  756. <li>|</li>
  757. <li><a href="#portfolio">Portfolio</a></li>
  758. <li>|</li>
  759. <li><a href="#team">Team</a></li>
  760. <li>|</li>
  761. <li><a href="#contact">Contact Us</a></li>
  762. </ul>
  763. </div>
  764. </div>
  765.  
  766. <div class="ft-bottom">
  767. &copy;<a href="http://techmatesofttech.com">TechMate Softtech</a></label>
  768. </div>
  769. </div>
  770. <!--Footer Ends -->
  771. </div>
  772.  
  773.  
  774. <!-- Tabs -->
  775. <script src="js/cbpFWTabs.js"></script>
  776. <script>
  777. new CBPFWTabs( document.getElementById( 'tabs' ) );
  778. </script>
  779.  
  780. <!-- Classie Scroller + Header -->
  781.  
  782. <script src="js/classie.js"></script>
  783. <script src="js/cbpAnimatedHeader.min.js"></script>
  784.  
  785. <!-- Scrolling page + Menu bar select -->
  786. <script src="js/scrollmenu.js"></script>
  787.  
  788. <!-- Fancy text-box Contact us form -->
  789. <script src="js/jquery.fancy-textbox.js" type="text/javascript"></script>
  790. <script type="text/javascript">
  791. $(document).ready(function () {
  792. $('#username').ftext();
  793. $('#email').ftext();
  794. $('#phone').ftext();
  795. $('#fade3').ftext();
  796. });
  797. </script>
  798.  
  799. <!-- Back to top -->
  800. <script src="js/backToTop.js"></script>
  801.  
  802. <script>
  803. $(document).ready(function() {
  804. var member1 = document.getElementById('member1');
  805. var member2 = document.getElementById('member2');
  806. var member3 = document.getElementById('member3');
  807. var member4 = document.getElementById('member4');
  808. $("#team").hover(function () {
  809. member1.className = '';member2.className = '';
  810. member3.className = '';member4.className = '';
  811. member1.className = 'animated team-member';
  812. member2.className = 'animated team-member';
  813. member3.className = 'animated team-member';
  814. member4.className = 'animated team-member';
  815. });
  816. });
  817. </script>
  818.  
  819.  
  820. <script src='js/jquery.typer.js'></script>
  821. <script src="js/typer.js"></script>
  822.  
  823. <!-- About arrow -->
  824. <script>
  825. $('#gotoabout').click(function(){
  826. $('html, body').animate({
  827. scrollTop: $( $.attr(this, 'href') ).offset().top - 70
  828. }, 700);
  829. return false;
  830. });
  831. </script>
  832.  
  833.  
  834. <!-- Quote rotator -->
  835. <script>
  836. var temp_id = 103;
  837. $(document).ready(function(){
  838. var temp = document.getElementById('temp');
  839. setInterval( function(){
  840. qrotate(temp.value);
  841. }, 10050);
  842. });
  843.  
  844. function qrotate(id){
  845. var t1 = document.getElementById(temp_id);
  846. var temp = document.getElementById('temp');
  847. var quote = document.getElementById(id);
  848. var line = document.getElementById('l-1');
  849. var qClass = document.getElementsByClassName("quote");
  850.  
  851. if( (Number(qClass.length) + 100) == id){
  852. temp.value = 101;
  853. }
  854. else{
  855. temp.value = Number(id)+1;
  856. }
  857.  
  858. if(temp_id == id){
  859. }
  860.  
  861. else
  862. {
  863. t1.className = 'quote';
  864. quote.className = 'quote animated fadeInRight';
  865. t1.style.display = 'none';
  866. quote.style.display = 'block';
  867. }
  868. temp_id = id;
  869. }
  870. </script>
  871. <!-- Nice scroll -->
  872. <script src='http://cdn.jsdelivr.net/jquery.nicescroll/3.5.4/jquery.nicescroll.js'></script>
  873. <script>
  874. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  875. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  876. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  877. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  878. ga('create', 'UA-53154364-1)', 'techmatesofttech.com/');
  879. ga('require', 'displayfeatures');
  880. ga('send', 'pageview');
  881. </script>
  882. </body>
  883. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!