<!DOCTYPE html>
<html>
  <head>
     
    <title>Pagina principală</title>
    <meta charset="utf-8" />

    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <link href="stylesheets/font-awesome.min.css" media="screen" rel="stylesheet" type="text/css" />
    <link href="stylesheets/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" />
    <link
      href="http://fonts.googleapis.com/css?family=Lato:100,300,400,300italic,400italic,700,700italic,900"
      rel="stylesheet"
    />
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,600,700" rel="stylesheet" />
    <link href="stylesheets/style.css" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class="wrapper">
      <div class="top" data-spy="affix">
        <div class="row-fluid">
          <div class="branding text-left">
            <a href="index.php">sandwich</a>
          </div>
          <nav>
            <a class="menu-toggle toggle" href="#">
              <div class="bar"></div>
              <div class="bar"></div>
              <div class="bar"></div>
            </a>
            <ul>
              <li><a href="index.php">Pagina principală</a></li>
              <li><a href="blog.php">Articolul</a></li>
              <li><a href="contact.php">Persoane de contact</a></li>
              <li><a href="policy.php">Politica de confidențialitate</a></li>
              <li><a href="terms.php">Termenii și condițiile</a></li>
              <li class="toggle-close toggle">
                <a href="#">
                  <span class="fa fa-times"></span>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>

      <section
        id="home"
        style="
          background-image: url('./assets/images/ivan-torres-mquqbmszggm-unsplash.jpg');
          background-size: cover;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 800px;
        "
      >
        <div class="centered text-center fo">
          <h1>Popular</h1>
        </div>
      </section>

      <section class="grey" id="services">
        <div class="row-fluid">
          <div class="col-md-12 text-center title-block">
            <h2>Persoane de contact</h2>
          </div>
          <div class="col-md-4 col-xs-6 service">
            <div class="row">
              <div class="col-md-2 col-xs-3">
                <div class="icon fa fa-phone"></div>
              </div>
              <div class="col-md-10 col-xs-9">
                <h4>Numărul de telefon</h4>
                <h5>+2555557643921</h5>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-xs-6 service">
            <div class="row">
              <div class="col-md-2 col-xs-3">
                <div class="icon fa fa-map-marker"></div>
              </div>
              <div class="col-md-10 col-xs-9">
                <h4>Adresa</h4>
                <h5>Str. Jiului nr. 5A, bl. A, sc. B, et. 2, ap. 1, Strehaia, Vâlcea, CP 498037</h5>
              </div>
            </div>
          </div>

          <div class="col-md-4 col-xs-6 service">
            <div class="row">
              <div class="col-md-2 col-xs-3">
                <div class="icon fa fa-paper-plane"></div>
              </div>
              <div class="col-md-10 col-xs-9">
                <h4>E-mail</h4>
                <h5>petcu.salomea@oltean.com</h5>
              </div>
            </div>
          </div>
        </div>
      </section>

      <section class="grey" id="projects">
        <div class="row-fluid">
          <div class="col-md-12 text-center title-block">
            <h2>Articolul</h2>
          </div>
        </div>
        <div class="folio row-fluid">
          
          <a class="item" href="aff31ea0e7e81f5b3eabadfa05d4ca24.php">
            <img
              src="./assets/images/ivan-torres-mquqbmszggm-unsplash.jpg"
              alt="img"
              style="width: 100%; height: 300px; object-fit: cover"
            />
            <div class="caption">
              <h4>Pizza o milionime felie primit...</h4>
              <p><strong> </strong> Știm cu toții că aluatul de pizza nu trebuie să depășească 1 milion de bucăți. Cu toate aces...</p>
            </div>
          </a>
          

          <a class="item" href="gETRsbC7oElRbw9Ik6fuy.php">
            <img
              src="./assets/images/alan-hardman-su1lfoeeukk-unsplash.jpg"
              alt="img"
              style="width: 100%; height: 300px; object-fit: cover"
            />
            <div class="caption">
              <h4>Cum sa faci aluat de pizza rap...</h4>
              <p><strong> </strong> aluatul este un aliment foarte important pentru acasă, este ușor de a face un delicios și sănăto...</p>
            </div>
          </a>
          

          <a class="item" href="hV5Eyzu6m0MXsAy2lS94VbmY.php">
            <img
              src="./assets/images/catia-climovich-adycujjw1jk-unsplash.jpg"
              alt="img"
              style="width: 100%; height: 300px; object-fit: cover"
            />
            <div class="caption">
              <h4>Pizza la Maria</h4>
              <p><strong></strong>Pizza a fost întotdeauna un aliment preferat al Mariei. Chiar înainte de a fi un profesionist filtru ...</p>
            </div>
          </a>
          

          <a class="item" href="hJWL6ZTUIe3QCJ945lbw.php">
            <img
              src="./assets/images/sarah-sson35cwn4s-unsplash.jpg"
              alt="img"
              style="width: 100%; height: 300px; object-fit: cover"
            />
            <div class="caption">
              <h4>Cum sa faci aluat de pizza rap...</h4>
              <p><strong> </strong> aluatul este un pic cam lent pentru gătit, dar merita pentru cei care se uita la figura lor. Chiar ...</p>
            </div>
          </a>
          

        </div>
      </section>

      <footer class="copy">
        <div class="row-fluid">
          <div class="col-md-6 col-xs-4">
            <p>
              ©
              <script>
                document.write(new Date().getFullYear());
              </script>
              Copyright
            </p>
          </div>
        </div>
      </footer>
    </div>

    <div class="cookie-banner">
      <p style="color: #000000">
        Site-ul utilizează cookie-uri. Acestea vă permit să vă recunoască și să primească informații despre dumneavoastră experiența utilizatorului.Continuând navigarea site-ului, sunt de acord cu utilizarea modulelor cookie de către proprietarul site-ului, în conformitate cu 
        <a target="_blank" href="https://en.wikipedia.org/wiki/HTTP_cookie"
          >Politica de cookie</a
        >
      </p>

      <button class="close-cookie">×</button>
    </div>

    <script>
      window.onload = function () {
        $('.close-cookie').click(function () {
          $('.cookie-banner').fadeOut();
        });
      };
    </script>

    <script>
      let elems = document.querySelectorAll('.server-name');
      elems.forEach((elem) => {
        elem.innerHTML = window.location.hostname;
      });
    </script>

    <script src="javascripts/jquery.min.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="javascripts/script.js" type="text/javascript"></script>
  </body>
</html>
