<!DOCTYPE html>

<head>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  <title>EDNMT</title>
  <meta name="description" content="EDNMT">
  <meta name="author" content="Julio E Machado">
</head>

<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container-fluid">
      <a class="navbar-brand" href="/demo/home">EDNMT</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
      </div>
    </div>
</nav>

<body style="height: 100%;margin: 0;">
  <div class="row" style="width: 100%;margin: 0;">
      <div class="col-sm-0 col-md-1 col-lg-2">

      </div>
      <div class="col-sm-12 col-md-10 col-lg-8">
              <div style="width: 100%; background-image: url('/public/image/serverRoom.png'); background-repeat: no-repeat; background-size: 100%;">
                  <div class="row">
                    <div class="col-1" style="background-image: linear-gradient(to right, white,rgb(255, 255, 255) ,#ffffff00);"></div>
                      <div class="col-10"style="text-align: center; font-family: 'Montserrat', sans-serif; margin-top: 5%;margin-bottom: 5%;">
                        <div style="
                        font-weight: bold;
                        color:rgb(255, 255, 255);
                        -webkit-text-fill-color: rgb(255, 255, 255);
                        -webkit-text-stroke-width: 0px;
                        -webkit-text-stroke-color: rgb(0, 0, 0);
                        font-size: 450%;">
                        EDNMT
                        </div>
                        <div style="padding: 15%;"></div>
                        <div style="
                        color:rgb(255, 255, 255);
                        font-weight: bold;
                        -webkit-text-fill-color: rgb(255, 255, 255);
                        -webkit-text-stroke-width: 0px;
                        -webkit-text-stroke-color: rgb(0, 0, 0);
                        font-size: 250%;">
                        Networking Solution
                        </div>
                      </div>
                    <div class="col-1" style="background-image: linear-gradient(to left, white,rgb(255, 255, 255) ,#ffffff00);"></div>
              </div>
          </div>
          
      </div>
      <div class="col-sm-0 col-md-1 col-lg-2"></div>
  </div>
  <div class="row" style="width: 100%;margin: 0;padding: 1%;">
    <div class="col-sm-0 col-md-1 col-lg-2"></div>
    <div class="col-sm-12 col-md-10 col-lg-8" style="
      padding-right: 5%;
      padding-left: 5%;
      box-shadow: 0 3px 3px rgba(0,0,0,0.2);">
      <div style="text-align: center;box-shadow: 0 0px 5px rgba(0,0,0,0.2);margin-top: 2.5%;padding: 2.5%;">
        <h1>what we do</h1>
        <p>We strive to offer afforadable solutions for network managment and network security.</p>
        <img src="/public/image/datacabling.jpg" style="border-radius: 5%; width: 75%;">
      </div>
      <div style="text-align: center;box-shadow: 0 0px 5px rgba(0,0,0,0.2);margin-top: 2.5%;padding: 2.5%;">
        <h2>What we offer</h2>
        <ul style="text-align: left;">
          <li>Network Upgrade</li>
          <li>Network Deployment</li>
          <li>Monthly Network Managment</li>
          <li>Monthly Network Security Test</li>
        </ul>
        <img src="/public/image/idk.jpg" style="border-radius: 5%; width: 75%;">
      </div>
      <div style="text-align: center;box-shadow: 0 0px 5px rgba(0,0,0,0.2);margin-top: 2.5%;padding: 2.5%;">
        <h1>Pricing</h1>
        <div class="row" style="margin:0">
          <div class="col-md-6 col-sm-12">
            <div class="card" style="width: 100%;margin-top: 5%;">
              <div class="card-body">
                <h5 class="card-title">0-50 Devices</h5>
                <h6 class="card-subtitle mb-2 text-muted">Price: $700</h6>
                <p class="card-text">Network Security testing with Management for up to 50 Devices.</p>
              </div>
              <button class="btn btn-primary">
                Order Today!
              </button>
            </div>
            <div class="card" style="width: 100%;margin-top: 5%;">
              <div class="card-body">
                <h5 class="card-title">150+ Devices</h5>
                <h6 class="card-subtitle mb-2 text-muted">Price: Quote</h6>
                <p class="card-text">Network Security testing with Management for beyond 150 Devices.</p>
              </div>
              <button class="btn btn-primary">
                Request Quote!
              </button>
            </div>
          </div>
          <div class="col-md-6 col-sm-12">
            <div class="card" style="width: 100%;margin-top: 5%;">
              <div class="card-body">
                <h5 class="card-title">50-150 Devices</h5>
                <h6 class="card-subtitle mb-2 text-muted">Price: $1200</h6>
                <p class="card-text">Network Security testing with Management for up to 150 Devices.</p>
              </div>
              <button class="btn btn-primary">
                Order Today!
              </button>
            </div>
            <div class="card" style="width: 100%;margin-top: 5%;">
              <div class="card-body">
                <h5 class="card-title">Deploy Network</h5>
                <h6 class="card-subtitle mb-2 text-muted">Price: Quote</h6>
                <p class="card-text">Deploy a network suitable for your business<./p>
              </div>
              <button class="btn btn-primary">
                Request Quote!
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-sm-0 col-md-1 col-lg-2"></div>
  </div>
  <footer class="row" style="margin-top: 5%;clear: both;position: relative;width: 100%; background-color: rgb(47, 89, 179);color:rgb(233, 233, 233)">
    <div class="col-4"style="padding:1%;text-align:center"> </div>
    <div class="col-4"style="padding:1%;text-align:center">site design Â© 2022 EDNMT </div>
    <div class="col-4"style="padding:1%;text-align:center">Contact
      <ul>
        <p>Email: Sales@EDNMT.com<br>Phone: +1(800)-xxx-xxxx</p>
      </ul>
    </div>
  </footer>
</body>

<%- include('../partials/js'); %>