[text] Tangent home

Viewer

copydownloadembedprintName: Tangent home
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.             <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <!-- Primary Meta Tags -->
  7. <title>Tangent Design Engineering</title>
  8. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. <meta name="title" content="Tangent Design Engineering">
  10. <meta name="author" content="Tangent Design Engineering">
  11. <meta name="description" content="Tangent is a design and engineering consultancy. We bring your products to life.">
  12. <link rel="canonical" href="https://www.tangentservices.com">
  13. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  14.  
  15. <!-- Google Tag Manager -->
  16. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  17. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  18. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  19. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  20. })(window,document,'script','dataLayer','GTM-M8WB49S');</script>
  21. <!-- End Google Tag Manager -->
  22.  
  23.  
  24. <!-- Open Graph / Facebook -->
  25. <meta property="og:type" content="website">
  26. <meta property="og:url" content="https://www.tangentservices.com">
  27. <meta property="og:title" content="Tangent Design Engineering">
  28. <meta property="og:description" content="Calgary Alberta Product Design and Engineering Company">
  29. <meta property="og:image" content="./assets/img/favicon/Thumbnail.png">
  30.  
  31. <!-- Twitter -->
  32. <meta property="twitter:card" content="summary_large_image">
  33. <meta property="twitter:url" content="https://www.tangentservices.com">
  34. <meta property="twitter:title" content="Tangent Design Engineering">
  35. <meta property="twitter:description" content="Calgary Alberta Product Design and Engineering Company.">
  36. <meta property="twitter:image" content="./assets/img/favicon/Thumbnail.png">
  37.  
  38. <!-- Favicon -->
  39. <link rel="apple-touch-icon" sizes="120x120" href="./assets/img/favicon/apple-touch-icon.png">
  40. <link rel="icon" type="image/png" sizes="32x32" href="./assets/img/favicon/favicon-32x32.png">
  41. <link rel="icon" type="image/png" sizes="16x16" href="./assets/img/favicon/favicon-16x16.png">
  42. <link rel="manifest" href="./assets/img/favicon/site.webmanifest">
  43. <link rel="mask-icon" href="./assets/img/favicon/safari-pinned-tab.svg" color="#ffffff">
  44. <meta name="msapplication-TileColor" content="#ffffff">
  45. <meta name="theme-color" content="#ffffff">
  46.  
  47. <!-- Fontawesome -->
  48. <link type="text/css" href="./vendor/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet">
  49.  
  50. <!-- Pixel CSS -->
  51. <link type="text/css" href="./css/pixel.css" rel="stylesheet">
  52.  
  53.  
  54. </head>
  55.  
  56. <body>
  57.         <!-- Google Tag Manager (noscript) -->
  58.         <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M8WB49S"
  59.         height="0" width="0" class="googleTags"></iframe></noscript>
  60.         <!-- End Google Tag Manager (noscript) -->
  61.  
  62.     <header class="header-global">
  63.     <nav id="navbar-main" aria-label="Primary navigation" class="navbar navbar-main navbar-expand-md navbar-light navbar-theme-soft headroom">
  64.         <div class="container position-relative">
  65.             <a class="navbar-brand mr-lg-5" href="./">
  66.                 <img class="navbar-brand-dark" src="assets/img/brand/light.svg" alt="Logo light">
  67.                 <img class="navbar-brand-light" src="assets/img/brand/dark.svg" alt="Logo dark">
  68.             </a>
  69.             <div class="navbar-collapse collapse justify-content-end" id="navbar_global">
  70.                 <div class="navbar-collapse-header">
  71.                     <div class="row">
  72.                         <div class="col-6 collapse-brand">
  73.                             <a href="./">
  74.                                 <img src="./assets/img/brand/dark.svg" alt="Tangent logo">
  75.                             </a>
  76.                         </div>
  77.                         <div class="col-6 collapse-close">
  78.                             <a href="#navbar_global" class="fas fa-times" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" title="close" aria-label="Toggle navigation"></a>
  79.                         </div>
  80.                     </div>
  81.                 </div>
  82.                 <ul class="navbar-nav navbar-nav-hover align-items-lg-center">
  83.                     <li class="nav-item">
  84.                         <a href="#work" class="nav-link">
  85.                             <span class="nav-link-inner-text">Work</span>
  86.                         </a>
  87.                     </li>
  88.                     <li class="nav-item">
  89.                         <a href="#services" class="nav-link">
  90.                             <span class="nav-link-inner-text">Services</span>
  91.                         </a>
  92.                     </li>
  93.  
  94.                     <li class="nav-item">
  95.                         <a href="process.html" class="nav-link">
  96.                             <span class="nav-link-inner-text">Process</span>
  97.                         </a>
  98.                     </li>
  99.                                         <li class="nav-item">
  100.                         <a href="company.html" class="nav-link">
  101.                             <span class="nav-link-inner-text">Company</span>
  102.                         </a>
  103.                     </li>
  104.                 </ul>
  105.             </div>
  106.             <div class="d-flex align-items-center pt-3 pt-sm-0">
  107.                 <a href="contact.html" class="btn btn-secondary ml-md-3 animate-up-2"><span class="fas fa-book mr-2"></span>Contact Us</a>
  108.                 <button class="navbar-toggler ml-2 navbar-light" type="button" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" aria-label="Toggle navigation">
  109.                     <span class="navbar-toggler-icon"><i class="fas fa-bars fasNav"></i></span>
  110.                 </button>
  111.             </div>
  112.         </div>
  113.     </nav>
  114. </header>
  115.     <main>
  116.         <!-- Hero -->
  117.         <div class="section-header pb-0 pt-1 text-white heroBlack">
  118.  
  119.                                 <div id="Carousel3" class="carousel slide">
  120.  
  121.                                     <div class="carousel-inner">
  122.                                         <div class="carousel-item active overlay-dark">
  123.                                                 <video class="d-block w-100 carouselvideo" poster="assets/img/carousel/umay-header2-poster.png" autoplay muted>
  124.                                                         <source src="assets/img/carousel/Umay-header2.mp4" type="video/mp4" alt="Animation of Exploded View">
  125.                                                 </video>
  126.  
  127.                                                                             <div class="carousel-overimg d-none d-md-block"><img src="assets/img/carousel/yoverlay-01.png" alt="Overlay"></div>
  128.  
  129.  
  130.                                                                     <div class="container">
  131.  
  132.                                                                        <div class="carousel-caption text-right mt-n4 mt-md-0 pt-md-4 pt-lg-6 pt-xl-8">
  133.                                                                         <h4>Tangent is an Engineering and Design Consultancy.</h4>
  134.                                                                         <h4 class="mt-n2 pb-3">We bring your products to life.</h4>
  135.                                                                         <a href="contact.html" class="btn btn-tertiary">
  136.                                                     <span class="mr-1">
  137.                                                         <span class=""></span>
  138.                                                     </span>
  139.                                                     Start Your Project
  140.                                                         </a>
  141.  
  142.  
  143.                                                                       </div>
  144.  
  145.                                                                     </div>
  146.                                                 </div>
  147.  
  148.  
  149.                                         </div>
  150.                                 </div>
  151.         </div>
  152.  
  153. <div class="section  bg-light pt-6 pb-6">
  154.     <div class="container">
  155.         <div class="row justify-content-center">
  156.             <div class="col-12 col-lg-6 pb-4 pb-lg-0">
  157.                 <div class="card border-light mb-0">
  158.                     <div class="card-body px-5 py-5 text-center text-md-left">
  159.                         <div class="row align-items-center">
  160.                             <div class="col-md-12">
  161.                                 <h3 class="mb-3">Early Stage Start-Up?</h3>
  162.                                 <h5>
  163.                                     Forging your own path from idea to market?</h5>
  164.                                     <p class="mb-0"> De-risk the development of your product, and get to market faster than your competition.
  165.  
  166.                                 </p>
  167.                             </div>
  168.                             <div class="col-12 col-md-6 pt-4 mt-4 mt-md-0 text-md-left">
  169.                                 <a href="start-up.html" class="btn btn-secondary">
  170.                                     <span class="mr-1">
  171.                                         <span class=""></span>
  172.                                     </span>
  173.                                     Start-up Services
  174.                                 </a>
  175.                             </div>
  176.                         </div>
  177.                     </div>
  178.                 </div>
  179.             </div>
  180.             <div class="col-12 col-lg-6">
  181.                 <div class="card border-light mb-0">
  182.                     <div class="card-body px-5 py-5 text-center text-md-left">
  183.                         <div class="row align-items-center">
  184.                             <div class="col-md-12">
  185.                                 <h3 class="mb-3">Established Business?</h3>
  186.                                 <h5>Need help solving a difficult technical challenge?</h5><p class="mb-0">Tangent's multi-disciplinary team can accelerate your R&D process.</b>
  187.  
  188.                                 </p>
  189.                             </div>
  190.                             <div class="col-12 col-md-6 pt-4 mt-4 mt-md-0 text-md-left">
  191.                                 <a href="enterprise.html" class="btn btn-secondary">
  192.                                     <span class="mr-1">
  193.                                         <span class=""></span>
  194.                                     </span>
  195.                                     Enterprise Services
  196.                                 </a>
  197.                             </div>
  198.                         </div>
  199.                     </div>
  200.                 </div>
  201.             </div>
  202.  
  203.  
  204.  
  205.  
  206.  
  207.         </div>
  208.     </div>
  209. </div>
  210.  
  211. <!-- Section -->
  212.  
  213. <section id="work" class="section section-md pt-6">
  214.                 <div class="container">
  215.                  <div class="row mb-0 pl-3">
  216.  
  217.  
  218.                  </div>
  219.                 </div>
  220.  
  221. <nav>
  222.  
  223.                 <h2 class="ml-6">Featured Projects</h2>
  224.                 <div id="filters" class="nav nav-tabs mb-4 pl-6 button-group">
  225.  
  226.  
  227.                   <a class="nav-item nav-link button active" data-filter="*">All</a>
  228.                   <a class="nav-item nav-link button" data-filter=".consumer">Consumer</a>
  229.                   <a class="nav-item nav-link button" data-filter=".industrial">Industrial</a>
  230.                   <a class="nav-item nav-link button" data-filter=".medical">Medical</a>
  231.                   <a class="nav-item nav-link button" data-filter=".iot">IoT</a>
  232.                   <a class="nav-item nav-link button" data-filter=".process">Process</a>
  233.                   <a class="nav-item nav-link button" data-filter=".military">Military/Aerospace</a>
  234.  
  235.                 </div>
  236. </nav>
  237.  
  238.                 <div class="grid">
  239.  
  240.                                   <div class="element-item industrial" data-category="featured industrial">
  241.                                       <a href="04-Ventbuster.html">
  242.                                 <div class="hover hover-4 text-white rounded project-04">
  243.                                       <div class="hover-overlay"></div>
  244.                                   <div class="hover-4-content">
  245.                                     <p class="hover-4-description text-uppercase mb-0 small">Ventbuster Instruments - Measuring Gas Flow from Capped Wells</p>
  246.                                   </div>
  247.                                 </div>
  248.                                       </a>
  249.                               </div>
  250.  
  251.                               <div class="element-item industrial process" data-category="featured industrial">
  252.                                    <a href="02-BASF.html">
  253.                                 <div class="hover hover-4 text-white rounded project-02" >
  254.                                   <div class="hover-overlay"></div>
  255.                                   <div class="hover-4-content">
  256.  
  257.                                     <p class="hover-4-description text-uppercase mb-0 small">BASF - New Technology for Processing Tailings Ponds</p>
  258.                                   </div>
  259.                                 </div>
  260.                                    </a>
  261.                               </div>
  262.  
  263.  
  264.                               <div class="element-item industrial" data-category="industrial">
  265.                                       <a href="06-T2Systems.html">
  266.                                 <div class="hover hover-4 text-white rounded project-06">
  267.                                   <div class="hover-overlay"></div>
  268.                                   <div class="hover-4-content">
  269.                                     <p class="hover-4-description text-uppercase mb-0 small">T2 Systems - Next Generation Parking Pay Station</p>
  270.                                   </div>
  271.                                 </div>
  272.                                     </a>
  273.                               </div>
  274.  
  275.  
  276.  
  277.                               <div class="element-item consumer medical featured" data-category="featured consumer medical">
  278.                                     <a href="01-Umay.html">
  279.                                 <div class="hover hover-4 text-white rounded project-01">
  280.                                       <div class="hover-overlay"></div>
  281.                                   <div class="hover-4-content">
  282.                                     <p class="hover-4-description text-uppercase mb-0 small">Umay Care - A device for treating digital eye strain</p>
  283.                                   </div>
  284.                                 </div>
  285.                                     </a>
  286.                               </div>
  287.  
  288.  
  289.                               <div class="element-item industrial" data-category="consumer">
  290.                                                                           <a href="contact.html">
  291.                                 <div class="hover hover-4 rounded adCard">
  292.                                   <div class="hover-overlay">
  293.                                                 <div class="card bg-white text-primary innerAdCard">
  294.  
  295.                                                     <div class="card-body p-4 p-xs-7">
  296.                                                         <h4 class="h4 card-title mb-3">Tangent Engineers Innovation</h4>
  297.  
  298.                                                         <p class="card-text mt-4 mb-4">Tangent works with innovators to optimize impact and feasibility. We are incredibly easy to work with.</p>
  299.  
  300.                                                         <div class="d-flex align-items-center">
  301.                                                             <a href="company.html" class="btn btn-tertiary btn-sm mr-3">Read more about us.</a>
  302.  
  303.                                                         </div>
  304.                                                     </div>
  305.                                                 </div>
  306.                                   </div>
  307.  
  308.                                 </div>
  309.                                     </a>
  310.                                        </div>
  311.  
  312.  
  313.                               <div class="element-item consumer medical" data-category="consumer">
  314.                                     <a href="07-Litebook.html">
  315.                                 <div class="hover hover-4 text-white rounded project-07">
  316.                                       <div class="hover-overlay"></div>
  317.                                   <div class="hover-4-content">
  318.  
  319.                                     <p class="hover-4-description text-uppercase mb-0 small">Litebook - A Device to help treat Seasonal Affective Disorder</p>
  320.                                   </div>
  321.                                 </div>
  322.                               </a>
  323.                             </div>
  324.  
  325.  
  326.  
  327.  
  328.                               <div class="element-item industrial featured" data-category="industrial">
  329.                                       <a href="08-PipeHandler.html">
  330.                                 <div class="hover hover-4 text-white rounded project-08">
  331.                                       <div class="hover-overlay"></div>
  332.                                   <div class="hover-4-content">
  333.  
  334.                                     <p class="hover-4-description text-uppercase mb-0 small">Autonomous Pipe Handling System</p>
  335.                                   </div>
  336.                                 </div>
  337.                               </a>
  338.                               </div>
  339.  
  340.                               <div class="element-item industrial" data-category="industrial">
  341.                                       <a href="09-DrillingRig.html">
  342.                                 <div class="hover hover-4 text-white rounded project-09">
  343.                                   <div class="hover-overlay"></div>
  344.                                   <div class="hover-4-content">
  345.  
  346.                                     <p class="hover-4-description text-uppercase mb-0 small"> Redesigned telescoping drilling rig for improved safety and ease of use</p>
  347.                                   </div>
  348.                                 </div>
  349.                                       </a>
  350.                               </div>
  351.  
  352.  
  353.  
  354.                               <div class="element-item medical featured" data-category="medical">
  355.                                       <a href="03-42HealthSensors.html">
  356.                                 <div class="hover hover-4 text-white rounded project-03">
  357.                                       <div class="hover-overlay"></div>
  358.                                   <div class="hover-4-content">
  359.                                     <p class="hover-4-description text-uppercase mb-0 small">Ambulatory Blood Pressure Monitor</p>
  360.                                   </div>
  361.                                 </div>
  362.                                       </a>
  363.                               </div>
  364.  
  365.                               <div class="element-item medical" data-category="medical">
  366.                                    <a href="11-CPilot.html">
  367.                                 <div class="hover hover-4 text-white rounded project-11">
  368.                                   <div class="hover-overlay"></div>
  369.                                   <div class="hover-4-content">
  370.  
  371.                                     <p class="hover-4-description text-uppercase mb-0 small">X-Ray C-Arm Positioning Device</p>
  372.                                   </div>
  373.                                 </div>
  374.                                    </a>
  375.                               </div>
  376.  
  377.  
  378.  
  379.  
  380.  
  381.                               <div class="element-item medical" data-category="medical">
  382.                                       <a href="12-Surgicaltool.html">
  383.                                 <div class="hover hover-4 text-white rounded project-12">
  384.                                   <div class="hover-overlay"></div>
  385.                                   <div class="hover-4-content">
  386.                                     <p class="hover-4-description text-uppercase mb-0 small">Automated Surgical Tool for Orthopedic Surgery</p>
  387.                                   </div>
  388.                                 </div>
  389.                               </a>
  390.                               </div>
  391.  
  392.                               <div class="element-item medical" data-category="medical">
  393.                                                                           <a href="discipline-re.html">
  394.                                 <div class="hover hover-4rounded adCard"  >
  395.                                   <div class="hover-overlay">
  396.                                                 <div class="card bg-white text-primary innerAdCard" >
  397.  
  398.                                                     <div class="card-body p-4 p-xs-7">
  399.                                                         <h4 class="h4 card-title mb-3">Research Support</h4>
  400.  
  401.                                                         <p class="card-text mt-4 mb-4">Tangent has a long history of assisting internal teams with research and development projects.</p>
  402.  
  403.                                                         <div class="d-flex align-items-center">
  404.                                                             <a href="discipline-re.html" class="btn btn-tertiary btn-sm mr-3">Learn More</a>
  405.  
  406.                                                         </div>
  407.                                                     </div>
  408.                                                 </div>
  409.                                   </div>
  410.  
  411.                                 </div>
  412.                                     </a>
  413.                                        </div>
  414.  
  415.  
  416.                               <div class="element-item consumer" data-category="consumer">
  417.                                       <a href="10-ElectronicWhiteboard.html">
  418.                                 <div class="hover hover-4 text-white rounded project-10">
  419.                                   <div class="hover-overlay"></div>
  420.                                   <div class="hover-4-content">
  421.  
  422.                                     <p class="hover-4-description text-uppercase mb-0 small">SMART Technologies - Electronic Whiteboard</p>
  423.                                   </div>
  424.                                 </div>
  425.                                       </a>
  426.                               </div>
  427.  
  428.  
  429.                               <div class="element-item medical" data-category="industrial">
  430.                                       <a href="13-BiopsyGuidanceSystem.html">
  431.                                 <div class="hover hover-4 text-white rounded project-13">
  432.                                       <div class="hover-overlay"></div>
  433.                                   <div class="hover-4-content">
  434.                                     <p class="hover-4-description text-uppercase mb-0 small">Biopsy Guidance System</p>
  435.                                   </div>
  436.                                 </div>
  437.                                       </a>
  438.                               </div>
  439.  
  440.  
  441.                               <div class="element-item industrial" data-category="industrial">
  442.                                       <a href="17-GroundHeater.html">
  443.                                 <div class="hover hover-4 text-white rounded project-17">
  444.                                       <div class="hover-overlay"></div>
  445.                                   <div class="hover-4-content">
  446.  
  447.                                     <p class="hover-4-description text-uppercase mb-0 small">Infrared Ground Heater</p>
  448.                                   </div>
  449.                                 </div>
  450.                                       </a>
  451.                               </div>
  452.  
  453.                               <div class="element-item industrial featured" data-category="industrial">
  454.                                       <a href="19-EmScan.html">
  455.                                 <div class="hover hover-4 text-white rounded project-19">
  456.                                   <div class="hover-overlay"></div>
  457.                                   <div class="hover-4-content">
  458.  
  459.                                     <p class="hover-4-description text-uppercase mb-0 small">Industrial Device for Analyzing the Near-Field Spectrum</p>
  460.                                   </div>
  461.                                 </div>
  462.                                     </a>
  463.                               </div>
  464.  
  465.  
  466.  
  467.                               <div class="element-item industrial" data-category="industrial">
  468.                                       <a href="15-RealtimeGasAnalyzer.html">
  469.                                 <div class="hover hover-4 text-white rounded project-15">
  470.                                       <div class="hover-overlay"></div>
  471.                                   <div class="hover-4-content">
  472.  
  473.                                     <p class="hover-4-description text-uppercase mb-0 small">Real Time Gas Analyzer</p>
  474.                                   </div>
  475.                                 </div>
  476.                                       </a>
  477.                               </div>
  478.  
  479.                               <div class="element-item consumer" data-category="consumer">
  480.                                       <a href="18-RazerLift.html">
  481.                                 <div class="hover hover-4 text-white rounded project-18">
  482.                                   <div class="hover-overlay"></div>
  483.                                   <div class="hover-4-content">
  484.  
  485.                                     <p class="hover-4-description text-uppercase mb-0 small">Razer Lift - Power Assisted Roof Rack</p>
  486.                                   </div>
  487.                                 </div>
  488.                                     </a>
  489.                               </div>
  490.  
  491.  
  492.  
  493.  
  494.  
  495.  
  496.                               <div class="element-item iot featured" data-category="iot">
  497.                                       <a href="14-IndustrialIOT.html">
  498.                                 <div class="hover hover-4 text-white rounded project-14">
  499.                                       <div class="hover-overlay"></div>
  500.                                   <div class="hover-4-content">
  501.  
  502.                                     <p class="hover-4-description text-uppercase mb-0 small">Industrial IoT Sensor</p>
  503.                                   </div>
  504.                                 </div>
  505.                                       </a>
  506.                               </div>
  507.  
  508.  
  509.  
  510.                               <div class="element-item military featured" data-category="military">
  511.                                       <a href="05-WABA.html">
  512.                                 <div class="hover hover-4 text-white rounded project-05">
  513.                                   <div class="hover-overlay"></div>
  514.                                   <div class="hover-4-content">
  515.  
  516.                                     <p class="hover-4-description text-uppercase mb-0 small">Warm Air Breathing Apparatus</p>
  517.                                   </div>
  518.                                 </div>
  519.                                       </a>
  520.                               </div>
  521.  
  522.  
  523.                               <div class="element-item industrial military featured" data-category="industrial">
  524.                                       <a href="21-Meggitt.html">
  525.                                 <div class="hover hover-4 text-white rounded project-21">
  526.                                   <div class="hover-overlay"></div>
  527.                                   <div class="hover-4-content">
  528.  
  529.                                     <p class="hover-4-description text-uppercase mb-0 small">Aircraft Refuelling Equipment - Explosive Atmosphere Compliance</p>
  530.                                   </div>
  531.                                 </div>
  532.                                       </a>
  533.                               </div>
  534.  
  535.                               <div class="element-item consumer" data-category="consumer">
  536.                                                                           <a href="process.html">
  537.                                 <div class="hover hover-4rounded adCard">
  538.                                   <div class="hover-overlay">
  539.                                                 <div class="card bg-white text-primary innerAdCard">
  540.  
  541.                                                     <div class="card-body p-4 p-xs-7">
  542.                                                         <h4 class="h4 card-title mb-3">How We Work</h4>
  543.  
  544.                                                         <p class="card-text mt-4 mb-4">Tangent Design Engineering uses a product development process certified to ISO 9001 and ISO 13485.</p>
  545.  
  546.                                                         <div class="d-flex align-items-center">
  547.                                                             <a href="process.html" class="btn btn-tertiary btn-sm mr-3">Learn More</a>
  548.  
  549.                                                         </div>
  550.                                                     </div>
  551.                                                 </div>
  552.                                   </div>
  553.  
  554.                                 </div>
  555.                                     </a>
  556.                                        </div>
  557.  
  558.                               <div class="element-item consumer" data-category="consumer">
  559.                                       <a href="22-EZTClip.html">
  560.                                 <div class="hover hover-4 text-white rounded project-22">
  561.                                   <div class="hover-overlay"></div>
  562.                                   <div class="hover-4-content">
  563.  
  564.                                     <p class="hover-4-description text-uppercase mb-0 small">EZTClip - Christmas Light Hanging System</p>
  565.                                   </div>
  566.                                 </div>
  567.                                       </a>
  568.                               </div>
  569.                               <div class="element-item iot" data-category="IoT">
  570.                                       <a href="27-ColdChainCompliance.html">
  571.                                 <div class="hover hover-4 text-white rounded project-27">
  572.                                       <div class="hover-overlay"></div>
  573.                                   <div class="hover-4-content">
  574.                                     <p class="hover-4-description text-uppercase mb-0 small">Routeique - IoT Devices for Cold Chain Compliance</p>
  575.                                   </div>
  576.                                 </div>
  577.                                       </a>
  578.                               </div>
  579.  
  580.                               <div class="element-item iot" data-category="IoT">
  581.                                       <a href="28-WellnessSensor.html">
  582.                                 <div class="hover hover-4 text-white rounded project-28">
  583.                                       <div class="hover-overlay"></div>
  584.                                   <div class="hover-4-content">
  585.  
  586.                                     <p class="hover-4-description text-uppercase mb-0 small">Hölmetrics - Monitoring Employee Wellness using IoT Sensors</p>
  587.                                   </div>
  588.                                 </div>
  589.                                </a>
  590.                               </div>
  591.  
  592.  
  593.                               <div class="element-item iot" data-category="IoT">
  594.                                       <a href="26-SmartMeter.html">
  595.                                 <div class="hover hover-4 text-white rounded project-26">
  596.                                       <div class="hover-overlay"></div>
  597.                                   <div class="hover-4-content">
  598.                                     <p class="hover-4-description text-uppercase mb-0 small">IoT Smart Meters for Monitoring Electricity Use</p>
  599.                                   </div>
  600.                                 </div>
  601.                                       </a>
  602.                               </div>
  603.  
  604.                               <div class="element-item process" data-category="process">
  605.                                    <a href="30-Katal.html">
  606.                                 <div class="hover hover-4 text-white rounded project-30">
  607.                                   <div class="hover-overlay"></div>
  608.                                   <div class="hover-4-content">
  609.  
  610.                                     <p class="hover-4-description text-uppercase mb-0 small">Katal - Hydrorefining Process Skid</p>
  611.                                   </div>
  612.                                 </div>
  613.                                    </a>
  614.                               </div>
  615.  
  616.                               <div class="element-item process" data-category="process">
  617.                                    <a href="29-Elavo.html">
  618.                                 <div class="hover hover-4 text-white rounded project-29">
  619.                                   <div class="hover-overlay"></div>
  620.                                   <div class="hover-4-content">
  621.  
  622.                                     <p class="hover-4-description text-uppercase mb-0 small">Elavo - Process Skid for Processing Drill Cuttings</p>
  623.                                   </div>
  624.                                 </div>
  625.                                    </a>
  626.                               </div>
  627.  
  628.  
  629.  
  630.                               <div class="element-item consumer" data-category="consumer">
  631.                                       <a href="24-LanthaTech.html">
  632.                                 <div class="hover hover-4 text-white rounded project-24">
  633.                                   <div class="hover-overlay"></div>
  634.                                   <div class="hover-4-content">
  635.  
  636.                                     <p class="hover-4-description text-uppercase mb-0 small">Magnetic Truck Box Securement Device</p>
  637.                                   </div>
  638.                                 </div>
  639.                                       </a>
  640.                               </div>
  641.                 </div>
  642.         </section>
  643.  
  644. <div class="grid-fill"></div>
  645.  
  646. <section id="services" class="section section-md pt-5">
  647.         <div class="container">
  648.                 <div class="row ml-1">
  649.                     <span class="h2">Expertise and Disciplines</span>
  650.         </div>
  651.         <div class="row ml-1">
  652.                     <span class="h5">Tangent is comprised of specialist teams capable of working in and across multiple disciplines.</span>
  653.         </div>
  654.  
  655.  
  656.  
  657.             <div class="row mt-3 mb-0 align-items-start">
  658.                  <div class="content col-12 mb-0">
  659.                      <div class="col-12 mb-0">
  660.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  661.                     <div class="card-body text-left">
  662.                         <div class="row align-items-center">
  663.                                 <div class="col-md-4">
  664.                                      <a class="disciplineLink" href="discipline-me.html">
  665.                                                         <div class="hover hover-4 text-white rounded">
  666.                                                                 <img src="assets/img/disciplines/disciplines-01.png" alt="Mechanical Engineering">
  667.                                                           <div class="hover-overlay"></div>
  668.                                                           <div class="hover-4-content">
  669.                                                             <p class="hover-4-description text-uppercase mb-0 small">Mechanical Engineering</p>
  670.                                                           </div>
  671.                                                         </div>
  672.                                                 </a>
  673.                                 </div>
  674.                             <div class="col-md-8">
  675.                                 <h3 class="mb-3"><a href="discipline-me.html">Mechanical Engineering</a></h3>
  676.                                 <p>
  677. Tangent and its mechanical engineering team provide the speed, innovation and intellectual capital your business needs to overcome any obstacle.
  678.                                 </p>
  679.  
  680.                             </div>
  681.                         </div>
  682.                     </div>
  683.                 </div>
  684.             </div>
  685.  
  686.  
  687.                      <div class="col-12 mb-0">
  688.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  689.                     <div class="card-body text-left">
  690.                         <div class="row align-items-center">
  691.                                 <div class="col-md-4">
  692.  
  693.                                                 <!-- Step -->
  694.                                                 <a class="disciplineLink" href="discipline-ee.html">
  695.                                                <div class="hover hover-4 text-white rounded">
  696.                                                                         <img src="assets/img/disciplines/disciplines-02.png"  alt="Electrical Engineering">
  697.                                                                   <div class="hover-overlay"></div>
  698.                                                                   <div class="hover-4-content">
  699.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Electrical Engineering</p>
  700.                                                                   </div>
  701.                                                                 </div>
  702.                                                 </a>
  703.                                                 <!-- End of Step -->
  704.  
  705.                                 </div>
  706.                             <div class="col-md-8">
  707.                                 <h3 class="mb-3"><a href="discipline-ee.html">Electrical Engineering</a></h3>
  708.                                 <p>
  709. Tangent's team of experienced electrical engineers works with clients in all phases of electrical design.  Our EE team has designed and developed products that go on oil rigs, deep underground and in operating theatres.
  710.                                 </p>
  711.  
  712.                             </div>
  713.                         </div>
  714.                     </div>
  715.                 </div>
  716.             </div>
  717.  
  718.  
  719.                     <div class="col-12 mb-0">
  720.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  721.                     <div class="card-body text-left">
  722.                         <div class="row align-items-center">
  723.                                 <div class="col-md-4">
  724.  
  725.                                                 <!-- Step -->
  726.                                                 <a class="disciplineLink" href="discipline-sim.html">
  727.                                                <div class="hover hover-4 text-white rounded">
  728.                                                                         <img src="assets/img/disciplines/disciplines-03.png"  alt="Simulations">
  729.                                                                   <div class="hover-overlay"></div>
  730.                                                                   <div class="hover-4-content">
  731.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Simulations</p>
  732.                                                                   </div>
  733.                                                                 </div>
  734.                                                 </a>
  735.                                                 <!-- End of Step -->
  736.  
  737.                                 </div>
  738.                             <div class="col-md-8">
  739.                                 <h3 class="mb-3"><a href="discipline-sim.html">Simulations</a></h3>
  740.                                 <p>
  741. Making use of advanced simulation and modelling packages, our simulations team is able to predict, visualize, and evaluate the performance of proposed designs materials and components before building prototypes or test models. </p>
  742.  
  743.                             </div>
  744.                         </div>
  745.                     </div>
  746.                 </div>
  747.             </div>
  748.  
  749.                     <div class="col-12 mb-0">
  750.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  751.                     <div class="card-body text-left">
  752.                         <div class="row align-items-center">
  753.                                 <div class="col-md-4">
  754.  
  755.                                                 <!-- Step -->
  756.                                             <a class="disciplineLink" href="discipline-id.html">
  757.                                                         <div class="hover hover-4 text-white rounded">
  758.                                                                 <img src="assets/img/disciplines/disciplines-04.png"  alt="Industrial Design">
  759.                                                           <div class="hover-overlay"></div>
  760.                                                           <div class="hover-4-content">
  761.                                                             <p class="hover-4-description text-uppercase mb-0 small">Industrial Design</p>
  762.                                                           </div>
  763.                                                         </div>
  764.                                             </a>
  765.                                                 <!-- End of Step -->
  766.  
  767.                                 </div>
  768.                             <div class="col-md-8">
  769.                                 <h3 class="mb-3"><a href="discipline-id.html">Industrial Design</a></h3>
  770.                                 <p>
  771. We design products that connect with people – making their lives better, more comfortable, easier, more efficient, more intuitive and enjoyable. Our industrial design team works collaboratively with both clients and the electrical and mechanical teams to ensure the best possible experience for the user.
  772.                                 </p>
  773.  
  774.                             </div>
  775.                         </div>
  776.                     </div>
  777.                 </div>
  778.             </div>
  779.  
  780.                     <div class="col-12 mb-0">
  781.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  782.                     <div class="card-body text-left">
  783.                         <div class="row align-items-center">
  784.                                 <div class="col-md-4">
  785.  
  786.                                                 <!-- Step -->
  787.                                                <a class="disciplineLink" href="discipline-sw.html">
  788.                                                <div class="hover hover-4 text-white rounded">
  789.                                                                         <img src="assets/img/disciplines/disciplines-05.png"  alt="Software and Firmware">
  790.                                                                   <div class="hover-overlay"></div>
  791.                                                                   <div class="hover-4-content">
  792.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Software and Firmware</p>
  793.                                                                   </div>
  794.                                                                 </div>
  795.                                                </a>
  796.                                                 <!-- End of Step -->
  797.  
  798.                                 </div>
  799.                             <div class="col-md-8">
  800.                                 <h3 class="mb-3"><a href="discipline-sw.html">Software and Firmware</a></h3>
  801.                                 <p>
  802. Our engineers have backgrounds writing software for medical, commercial and industrial applications and are accustomed to building custom applications on a variety of platforms while adhering to rigorous standards.
  803.                                 </p>
  804.  
  805.                             </div>
  806.                         </div>
  807.                     </div>
  808.                 </div>
  809.             </div>
  810.  
  811.                     <div class="col-12 mb-0">
  812.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  813.                     <div class="card-body text-left">
  814.                         <div class="row align-items-center">
  815.                                 <div class="col-md-4">
  816.  
  817.                                                 <!-- Step -->
  818.                                                <a class="disciplineLink" href="discipline-pt.html">
  819.                                                <div class="hover hover-4 text-white rounded">
  820.                                                                         <img src="assets/img/disciplines/disciplines-09.png"  alt="Prototyping">
  821.                                                                   <div class="hover-overlay"></div>
  822.                                                                   <div class="hover-4-content">
  823.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Prototyping</p>
  824.                                                                   </div>
  825.                                                                 </div>
  826.                                                </a>
  827.                                                 <!-- End of Step -->
  828.  
  829.                                 </div>
  830.                             <div class="col-md-8">
  831.                                 <h3 class="mb-3"><a href="discipline-pt.html">Prototyping</a></h3>
  832.                                 <p>
  833. We make use of a wide variety of prototyping methods to produce the first physical version of your product. 3D printing allows us to test forms, ideas and plastic parts with a high degree of accuracy, while subtractive (CNC) methods allow us to evaluate production grade materials for fit and performance.
  834.                                 </p>
  835.  
  836.                             </div>
  837.                         </div>
  838.                     </div>
  839.                 </div>
  840.             </div>
  841.  
  842.                     <div class="col-12 mb-0">
  843.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  844.                     <div class="card-body text-left">
  845.                         <div class="row align-items-center">
  846.                                 <div class="col-md-4">
  847.  
  848.                                                 <!-- Step -->
  849.                                             <a class="disciplineLink" href="discipline-pm.html">
  850.                                                         <div class="hover hover-4 text-white rounded">
  851.                                                                 <img src="assets/img/disciplines/disciplines-07.png"  alt="Project Management">
  852.                                                           <div class="hover-overlay"></div>
  853.                                                           <div class="hover-4-content">
  854.                                                             <p class="hover-4-description text-uppercase mb-0 small">Project Management</p>
  855.                                                           </div>
  856.                                                         </div>
  857.                                             </a>
  858.                                                 <!-- End of Step -->
  859.  
  860.                                 </div>
  861.                             <div class="col-md-8">
  862.                                 <h3 class="mb-3"><a href="discipline-pm.html">Project Management</a></h3>
  863.                                 <p>
  864. No matter what the project, Tangent works with your company during each phase to create a detailed project plan that serves both the product development and the business case.
  865.                                 </p>
  866.  
  867.                             </div>
  868.                         </div>
  869.                     </div>
  870.                 </div>
  871.             </div>
  872.  
  873.                     <div class="col-12 mb-0">
  874.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  875.                     <div class="card-body text-left">
  876.                         <div class="row align-items-center">
  877.                                 <div class="col-md-4">
  878.  
  879.                                                 <!-- Step -->
  880.                                                 <a class="disciplineLink" href="discipline-cr.html">
  881.                                                <div class="hover hover-4 text-white rounded">
  882.                                                                         <img src="assets/img/disciplines/disciplines-08.png" alt="Compliance and Regulatory">
  883.                                                                   <div class="hover-overlay"></div>
  884.                                                                   <div class="hover-4-content">
  885.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Compliance and Regulatory</p>
  886.                                                                   </div>
  887.                                                                 </div>
  888.                                                 </a>
  889.                                                 <!-- End of Step -->
  890.  
  891.                                 </div>
  892.                             <div class="col-md-8">
  893.                                 <h3 class="mb-3"><a href="discipline-cr.html">Compliance and Regulatory</a></h3>
  894.                                 <p>
  895. Whether you are designing a Class II medical device and need support navigating the IEC 60601 landscape, or you are developing a new sensor technology requiring hazardous location certification (explosion proof / intrinsically safe), Tangent has the knowledge and experience to help meet the regulatory standards and pass the required testing for certification.
  896.                                 </p>
  897.  
  898.                             </div>
  899.                         </div>
  900.                     </div>
  901.                 </div>
  902.             </div>
  903.  
  904.                     <div class="col-12 mb-0">
  905.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  906.                     <div class="card-body text-left">
  907.                         <div class="row align-items-center">
  908.                                 <div class="col-md-4">
  909.  
  910.                                                 <!-- Step -->
  911.                                                <a class="disciplineLink" href="discipline-re.html">
  912.                                                <div class="hover hover-4 text-white rounded">
  913.                                                                         <img src="assets/img/disciplines/disciplines-11.png"  alt="Research Support">
  914.                                                                   <div class="hover-overlay"></div>
  915.                                                                   <div class="hover-4-content">
  916.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Research Support</p>
  917.                                                                   </div>
  918.                                                                 </div>
  919.                                                </a>
  920.  
  921.                                                 <!-- End of Step -->
  922.  
  923.                                 </div>
  924.                             <div class="col-md-8">
  925.                                 <h3 class="mb-3"><a href="discipline-re.html">Research Support</a></h3>
  926.                                 <p>
  927.  We can quickly get up to speed on your project  and area of inquiry and propose solutions to propel your project ahead.  Whether you need us to do digital or numerical simulations and analysis,  produce a functional prototype or create a physical device and test  your assumptions, Tangent has the technology, expertise and resources in  house to help.
  928.                                 </p>
  929.  
  930.                             </div>
  931.                         </div>
  932.                     </div>
  933.                 </div>
  934.             </div>
  935.  
  936.                     <div class="col-12 mb-0">
  937.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  938.                     <div class="card-body text-left">
  939.                         <div class="row align-items-center">
  940.                                 <div class="col-md-4">
  941.  
  942.                                                 <!-- Step -->
  943.                                                <a class="disciplineLink" href="discipline-ip.html">
  944.                                                <div class="hover hover-4 text-white rounded">
  945.                                                                         <img src="assets/img/disciplines/disciplines-12.png" alt="Product and IP Management">
  946.                                                                   <div class="hover-overlay"></div>
  947.                                                                   <div class="hover-4-content">
  948.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Product and IP Managment</p>
  949.                                                                   </div>
  950.                                                                 </div>
  951.                                                </a>
  952.  
  953.                                                 <!-- End of Step -->
  954.  
  955.                                 </div>
  956.                             <div class="col-md-8">
  957.                                 <h3 class="mb-3"><a href="discipline-ip.html">Product and IP Management</a></h3>
  958.                                 <p>
  959. By analyzing market trends, competitor research, customer behaviour and preferences, we can provide valuable information that enables you to improve product performance and launch your product faster, more efficiently and more successfully. Tangent can also help you file a patent or conduct a patent search.
  960.                                 </p>
  961.  
  962.                             </div>
  963.                         </div>
  964.                     </div>
  965.                 </div>
  966.             </div>
  967.  
  968.  
  969.                     <div class="col-12 mb-0">
  970.                 <div class="card border-light px-4 py-1 mb-2 border-right-0 border-left-0 border-bottom-0">
  971.                     <div class="card-body text-left">
  972.                         <div class="row align-items-center">
  973.                                 <div class="col-md-4">
  974.  
  975.                                                 <!-- Step -->
  976.                                                <a class="disciplineLink" href="discipline-mn.html">
  977.                                                <div class="hover hover-4 text-white rounded">
  978.                                                                         <img src="assets/img/disciplines/disciplines-10.png" alt="Manufacturing Services">
  979.                                                                   <div class="hover-overlay"></div>
  980.                                                                   <div class="hover-4-content">
  981.                                                                     <p class="hover-4-description text-uppercase mb-0 small">Manufacturing Services</p>
  982.                                                                   </div>
  983.                                                                 </div>
  984.                                                </a>
  985.  
  986.                                                 <!-- End of Step -->
  987.  
  988.                                 </div>
  989.                             <div class="col-md-8">
  990.                                 <h3 class="mb-3"><a href="discipline-mn.html">Manufacturing Services</a></h3>
  991.                                 <p>
  992. Tangent is dedicated to providing design and engineering support from concept through to manufacture. Whether we are acting on your behalf to communicate the details of the design to your manufacturing partners, or managing the manufacture and assembly of your product in house we have the experience and diligence to ensure the manufactured result is as you intend.
  993.                                 </p>
  994.  
  995.                             </div>
  996.                         </div>
  997.                     </div>
  998.                 </div>
  999.             </div>
  1000.  
  1001.  
  1002.  
  1003.                 </div>
  1004.          </div>
  1005.         </div>
  1006.  
  1007. </section>
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. <!-- Articles section -->
  1015.  
  1016. <div class="grid-fill"></div>
  1017.  
  1018.         <!-- Section -->
  1019.         <section class="section section-md">
  1020.             <div class="container">
  1021.         <div class="row">
  1022.                     <span class="h2">Recent Articles & Updates</span>
  1023.         </div>
  1024.         <div class="row mt-4 mb-4">
  1025.  
  1026.                                         <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0 d-flex align-items-stretch">
  1027.                         <div class="card border-light">
  1028.                             <img src="assets/img/articles/CED-art.jpg" class="card-img-top rounded-top" alt="blog image">
  1029.                             <div class="card-body d-flex flex-column">
  1030.                                 <div class="media d-flex align-items-center justify-content-between">
  1031.                                     <div class="d-flex align-items-center">
  1032.                                         <span class="small"><span class="far fa-calendar-alt mr-2"></span>18 April 2021</span>
  1033.                                     </div>
  1034.                                 </div>
  1035.                                 <h3 class="h5 card-title mt-4">Engineering a Better World</h3>
  1036.                                 <p class="card-text">Tangent was recently featured in an article by Calgary Economic Development. The article talks about history, some of our recent work and what it's like to work with us. Give it a read over at <a href="https://www.livetechlovelife.com/stories/tangent-design-engineering-here-to-engineer-a-better-world">Live Tech Love Life</a>. </p>
  1037.                                 <a href="https://www.livetechlovelife.com/stories/tangent-design-engineering-here-to-engineer-a-better-world" class="btn btn-primary btn-sm mt-auto">Lear More</a>
  1038.                             </div>
  1039.                           </div>
  1040.                     </div>
  1041.  
  1042.  
  1043.  
  1044.                     <!-- Item 1 -->
  1045.  
  1046.                                         <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0 d-flex align-items-stretch">
  1047.                         <div class="card border-light">
  1048.                             <img src="assets/img/articles/Ocalink-0069-1024x682.png" class="card-img-top rounded-top"   alt="Ocalink">
  1049.                             <div class="card-body d-flex flex-column">
  1050.                                 <div class="media d-flex align-items-center justify-content-between">
  1051.                                     <div class="d-flex align-items-center">
  1052.                                         <span class="small"><span class="far fa-calendar-alt mr-2"></span>1 May 2020</span>
  1053.                                     </div>
  1054.                                 </div>
  1055.                                 <h3 class="h5 card-title mt-4">Tangent is Helping Combat COVID-19</h3>
  1056.                                 <p class="card-text">Tangent is proud to be a part of the Canadian med tech community pulling together to help tackle COVID-19. Ocalink Technologies Inc has challenged a cohort of companies to design and manufacture a made in Canada high-volume ventilator with the goal of building 1 million units in 90 days. Front-line healthcare workers are digging in and so are we. </p>
  1057.                                 <a href="https://ocalink.com/" class="btn btn-primary btn-sm mt-auto">Learn More</a>
  1058.                             </div>
  1059.                           </div>
  1060.                     </div>
  1061.                                         <div class="col-12 col-md-6 col-lg-4 mb-5 mb-lg-0 d-flex align-items-stretch">
  1062.                         <div class="card border-light">
  1063.                             <img src="assets/img/articles/19917-wif-carousel-03-Eng.png" class="card-img-top rounded-top"   alt="Western Innovation Header">
  1064.                             <div class="card-body d-flex flex-column">
  1065.                                 <div class="media d-flex align-items-center justify-content-between">
  1066.                                     <div class="d-flex align-items-center">
  1067.                                         <span class="small"><span class="far fa-calendar-alt mr-2"></span>5 March 2020</span>
  1068.                                     </div>
  1069.                                 </div>
  1070.                                 <h3 class="h5 card-title mt-4">Tangent Attending Western Innovation Forum</h3>
  1071.                                 <p class="card-text">The Western Innovation Forum (WIF) promotes western Canadian capabilities in the aerospace, marine, and defence industries. The event focuses on connecting innovators, companies and researchers with opportunities for innovation-driven investment and business growth.</p>
  1072.                                 <a href="https://www.wd-deo.gc.ca/eng/19917.asp" class="btn btn-primary btn-sm mt-auto">Learn More</a>
  1073.                             </div>
  1074.                           </div>
  1075.                     </div>
  1076.         </div>
  1077.  
  1078.  
  1079.         </section>
  1080. <!-- End Articles Section -->
  1081. <div class="grid-fill"></div>
  1082. <div class="row justify-content-center pt-6 pb-6">
  1083.             <div class="col-12 col-lg-8">
  1084.                 <div class="card border-light mb-0">
  1085.                     <div class="card-body px-5 py-5 text-center text-md-left">
  1086.                         <div class="row align-items-center">
  1087.                             <div class="col-md-12">
  1088.                                 <h2 class="mb-3">Start to Finish</h2>
  1089.                                 <p>At Tangent, we are motivated by your difficult technical challenges. Our team of more than 35 engineers, designers and project managers work together daily in a highly collaborative environment to help our clients develop new technologies create innovative products. Since 2005, we have delivered a wide range of devices based on our experience designing and implementing in consumer electronics, medical devices, industrial equipment, and aerospace. We guide our clients from idea to successful finished product by tailoring each project schedule, budget, and deliverable to meet our client’s specific needs. We would love to hear about your project. <a href="contact">Contact us today.  </a>                    </p>
  1090.                             </div>
  1091.                          </div>
  1092.                          <div class="col-12 col-md-6 pt-4 ml-n3 mt-4 mt-md-0 text-md-left">
  1093.                                 <a href="contact.html" class="btn btn-tertiary">
  1094.                                     <span class="mr-1">
  1095.                                         <span class=""></span>
  1096.                                     </span>
  1097.                                     Contact us to start your project
  1098.                                 </a>
  1099.                             </div>
  1100.  
  1101.  
  1102.                     </div>
  1103.                 </div>
  1104.             </div>
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111.         </div>
  1112.  
  1113.  
  1114.  
  1115. </div>
  1116.  
  1117.     </main>
  1118.         <footer class="footer pt-4 pb-6">
  1119.     <div class="container">
  1120.  
  1121.         <div class="row">
  1122.             <div class="col-md-12 pt-2">
  1123.                     <h5 class="text-white">Tangent is an Engineering and Design Consultancy. We bring your ideas to life. </h5>
  1124.                 </div>
  1125.             </div>
  1126.                     <div class="row pt-2">
  1127.             <div class="col-md-4 pt-2">
  1128.                 <p><strong>Tangent Design Engineering Inc.</strong></br>
  1129.                 109 2719-7 Ave NE</br>Calgary, AB Canada, T2A 2L9</p>
  1130.                 <ul class="footer-links mt-2">
  1131.                     <li><a target="_blank" href="tel:4032744647">403-274-4647</a></li>
  1132.                     <li><a target="_blank" href="mailto:[email protected]">[email protected]</a></li>
  1133.                     <li><a href="contact.html">Contact</a></li>
  1134.                 </ul>
  1135.  
  1136.  
  1137.  
  1138.  
  1139.             </div>
  1140.             <div class="col-12 col-md-4 pt-5 pt-md-2 mb-5 mb-lg-0">
  1141.                      <p>Services</p>
  1142.                 <ul class="footer-links">
  1143.                     <li><a href="discipline-me.html">Mechanical Engineering</a></li>
  1144.                     <li><a href="discipline-ee.html">Electrical Engineering</a></li>
  1145.                     <li><a href="discipline-sim.html">Simulations</a></li>
  1146.                     <li><a href="discipline-sw.html">Software & Firmware</a></li>
  1147.                     <li><a href="discipline-id.html">Industrial Design</a></li>
  1148.                     <li><a href="discipline-pt.html">Prototyping</a></li>
  1149.                     <li><a href="discipline-cr.html">Compliance & Regulatory</a></li>
  1150.                     <li><a href="discipline-pm.html">Project Management</a></li>
  1151.                     <li><a href="discipline-re.html">Research Support</a></li>
  1152.                     <li><a href="discipline-mn.html">Manufacturing</a></li>
  1153.                 </ul>
  1154.             </div>
  1155.             <div class="col-12 col-md-4 pt-2 mb-5 mb-lg-0">
  1156.                      <p>Company</p>
  1157.                 <ul class="footer-links">
  1158.                         <li><a href="company.html">About Us</a></li>
  1159.                     <li><a href="process.html">Design Process</a></li>
  1160.                     <li><a href="company#careers">Careers</a></li>
  1161.                 </ul>
  1162.  
  1163.                 <p class="pt-5">Meta</p>
  1164.                 <ul class="footer-links ">
  1165.                     <li><a href="iso.html">ISO Quality Management</a></li>
  1166.                     <li><a href="privacy.html">Privacy Policy</a></li>
  1167.                 </ul>
  1168.             </div>
  1169.         </div>
  1170.  
  1171.     </div>
  1172. </footer>
  1173.  
  1174.     <!-- Core -->
  1175. <script src="./vendor/jquery/dist/jquery.min.js"></script>
  1176. <script src="./vendor/popper.js/dist/umd/popper.min.js"></script>
  1177. <script src="./vendor/bootstrap/dist/js/bootstrap.min.js"></script>
  1178. <script src="./vendor/headroom.js/dist/headroom.min.js"></script>
  1179.  
  1180. <!-- Vendor JS -->
  1181. <script src="./vendor/onscreen/dist/on-screen.umd.min.js"></script>
  1182. <script src="./vendor/nouislider/distribute/nouislider.min.js"></script>
  1183. <script src="./vendor/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
  1184. <script src="./vendor/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
  1185. <script src="./vendor/waypoints/lib/jquery.waypoints.min.js"></script>
  1186. <script src="./vendor/owl.carousel/dist/owl.carousel.min.js"></script>
  1187. <script src="./vendor/jarallax/dist/jarallax.min.js"></script>
  1188. <script src="./vendor/jquery.counterup/jquery.counterup.min.js"></script>
  1189. <script src="./vendor/jquery-countdown/dist/jquery.countdown.min.js"></script>
  1190. <script src="./vendor/smooth-scroll/dist/smooth-scroll.polyfills.min.js"></script>
  1191. <script src="./vendor/prismjs/prism.js"></script>
  1192. <script src="./vendor/chart.js/dist/Chart.min.js"></script>
  1193. <script src="./vendor/vivus/dist/vivus.min.js"></script>
  1194. <script src="./vendor/isotope-layout/dist/isotope.pkgd.min.js"></script>
  1195.  
  1196.  
  1197.  
  1198. <!-- pixel JS -->
  1199. <script src="./assets/js/pixel.js"></script>
  1200.  
  1201.  
  1202.  
  1203. </body>
  1204.  
  1205. </html>

Editor

You can edit this paste and save as new:


File Description
  • Tangent home
  • Paste Code
  • 30 Jun-2022
  • 53.55 Kb
You can Share it: