<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="styles.css">


  <style>
    
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }
    header {
      background-color: rgba(186,21,27,255); /* Updated color */
      padding: 10px;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    nav {
      display: flex;
      justify-content: space-between; /* Changed to space-between */
      background-color: rgba(186,21,27,255); /* Updated color */
      padding: 10px;
    }
    nav a {
      color: white;
      text-decoration: none;
      padding: 0 15px; /* Add padding to create space between links */
    }
    .link-boxes {
      display: flex;
      flex-direction: column;
      width: 50%;
      margin: 20px 0;
      padding-left: 20px;
    }
    .link-box {
      text-align: center;
      margin-bottom: 10px;
    }
    .link-group {
      display: flex;
      justify-content: space-between;
    }
    .link-box a {
      display: inline-block;
      padding: 5px 10px;
      border: 2px solid #ccc; /* Thicker border */
      background-color: #fff8dc; /* Light yellow background */
      border-radius: 5px;
    }
    footer {
      background-color: rgb(255, 63, 63); /* Updated color */
      color: white;
      padding: 10px;
      text-align: center;
      width: 100%;
    }
    .red-start {
      color: black;
      font-size: 35px;
      font-weight: bold;
    }
    .smaller-letters {
      font-size: 28px;
      font-weight: bold;
      color: white; /* Added white color */
    }
    .image-container {
      width: 100%;
      text-align: center;
      margin: 0;
      padding: 0;
    }
    .image {
      max-width: 90%; /* Adjust the max-width value */
      height: auto;
      margin: 10px auto; /* Center the image horizontally */
    }
  </style>
</head>
<body>
<header>
<div class="image-container">
<img src="slike/Atip_typ9 veliko P_Small).jpg" alt="ATIP Image" class="image">
</div>
<p><span class="red-start">A</span><span class="smaller-letters">utomation</span>
 <span class="red-start">T</span><span class="smaller-letters">echnology in</span>
 <span class="red-start">I</span><span class="smaller-letters">ndustrial</span>
 <span class="red-start">P</span><span class="smaller-letters">lants</span></p>
<nav>
<a href="index.htm">Home</a>
<a href="ABOUTUS.htm">About Us</a>
<a href="TECHNOLOGY.htm">Technology</a>
<a href="CONTACTS.htm">Contacts</a>
<a href="IMPRESSUM.htm">Impressum</a>
</nav>
</header>



<head>
  <title>Tools and Software</title>
  <style>
    .gray-border {
      border: 1px solid rgb(246, 63, 63);
      padding: 10px;
    }
    .gray-border h3 {
      font-size: 24px;
      font-weight: bold;
      border-bottom: 2px solid black;
      display: inline-block;
      margin-bottom: 10px;
      padding-bottom: 5px;
    }
    .gray-border p {
      font-size: 18px;
      font-weight: bold;
      border-left: 2px solid black;
      padding-left: 10px;
    }
  </style>

</head>
<body>

  <section id="content">
    <div class="ic"></div>
    <div class="container">
      <div class="row">
        <div class="grid_12">
          <h2>TOOLS and Software</h2>
          <div class="blog">
  <strong>
    In our work, the most used system is Siemens - PCS7, STEP7, WinCC, WINCC Flexible, S7Graph, S7Higraph. We offer our clients a "fully integrated automation" that allows easy plant expansion without any integration problems.
  </strong>
</div>
        </div>
      </div>
    </div>
  </section>
  <div class="gray-border">
    <h3 style="color: black; font-weight: bold; display: inline-block; border-bottom: 2px solid black; margin-bottom: 10px; padding-bottom: 5px;">SIMIT</h3>
    <p style="font-weight: bold; font-size: 18px; border-left: 2px solid black; padding-left: 10px;">SIMIT is a simulation software application from Siemens. It allows the comprehensive testing of automation applications. In addition, training for system operators can already be provided before commissioning.</p>
  </div>
  <div class="gray-border">
    <h3 style="color: black; font-weight: bold; display: inline-block; border-bottom: 2px solid black; margin-bottom: 10px; padding-bottom: 5px;">EPLAN</h3>
    <p style="font-weight: bold; font-size: 18px; border-left: 2px solid black; padding-left: 10px;">ePlan offers computer-aided engineering (CAE) solutions to optimize entire product development processes, such as in the construction and documentation of cable harnesses. Additionally, a solution from the ePlan family allows the 3D engineering of switching systems and switch cabinets to be implemented.</p>
  </div>
  <div class="gray-border">
    <h3 style="color: black; font-weight: bold; display: inline-block; border-bottom: 2px solid black; margin-bottom: 10px; padding-bottom: 5px;">SIEMENS</h3>
    <p style="font-weight: bold; font-size: 18px; border-left: 2px solid black; padding-left: 10px;">Together with our partner Siemens, we offer tailor-made and future-fit automation solutions for a wide variety of industries.</p>
  </div>
  


<a href="#" id="toTop" class="fa fa-chevron-up"></a>

</html>