Untitled

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Welcome</title>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

<!-- Custom stylesheet-->
<link rel="stylesheet" href="style.css" type="text/css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>


<!--Ensure proper rendering-->
<meta name="viewport" content="width=device-width, initial-scale=1">


<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">


    <!-- Slider 1 -->
    <script src="sliderengine/jquery.js"></script>
    <script src="sliderengine/amazingslider.js"></script>
    <link rel="stylesheet" type="text/css" href="sliderengine/amazingslider-1.css">
    <script src="sliderengine/initslider-1.js"></script>
    <!--  Slider 1  -->


<meta charset="utf-8">
<meta name="description" content="Progrmor Innovation and Consulting">
<meta name="keywords" content="Housing,Apps,Consulting,Sweden,Progrmor,Eco,Tombstone">
<meta name="author" content="Progrmor">


<link rel="icon" href="assets/favicon.ico">

<script>
function ShowHiddenText() {
    document.getElementById("hiddenText").style.display = "block";
}
</script>

</head>


<body>

<div id="topContainer" class="container-fluid">

<div class="row" id="headerRow">
  <div class="col-xs-12">
    <img id="dropHeader" src="assets/dropHeader.png" class="img-rounded center-block">
  </div>
</div>

<div class="row" id="headerRowWbackground">

  <div class="col-xs-6 infoText">
    <img id="headerImage" type="button" onClick="document.getElementById('housingText').scrollIntoView();" src="assets/housing.png" class="img-rounded center-block">
      <div class="headerText" id="menuText">
        Boende
      </div>
  </div>
  <div class="col-xs-6 infoText">
    <img id="headerImage" type="button" onClick="document.getElementById('amazingslider-1').scrollIntoView();" src="assets/apps.png" class="img-rounded center-block">
      <div class="headerText" id="menuText">
        Teknologi
      </div>
  </div>
</div>


<div id="housingContainer" class="container-fluid">

<div class="row">
  <div class="col-md-12 headerClass">
    <div class="headerText_xlarge" id="housingText">
      H19 - ett hållbart boendekoncept
    </div>
  </div>
</div>

<div class="container-fluid">
  <div class="col-xs-12">
    <div class="infoText_housing">
      H19 är ett lågenergihus som Eco Ready House utvecklat tillsammans
      med Progrmor.<p>
      Boendekonceptet inrymmer huvudbyggnaden på 88m2,<br> en carport med tillhörande förråd samt ett fullt inrett minihus på 25m2 (ett s.k Attefallshus).<p>

  </div>
</div>

<div class="row">
  <div class="col-md-12 padding-0">
    <img id="houseHeader" src="assets/house_header.png" >
  </div>
</div>

<!--Freberga------------------------------------------------------------------->
<div class="row">
  <div class="col-xs-12">
      <div class="headerText" id="frebergahills">
        Freberga Hills
    </div>
  </div>
</div>

<div class="row">
  <div class="col-xs-6">
    <div class="headerText" id="adressText">
      Mästerbovägen A-F<p>
      591 92 Motala, Sverige<p>
      <a href="https://www.google.se/maps/search/58.515049,+15.025553?sa=X&ved=0ahUKEwjo2rnZ77DcAhWkCJoKHUlICpwQ8gEIKDAA">58.515049, 15.025553</a><p>
  </div>
</div>
  <div class="col-xs-6">
    <div class="housingText">
      Områdesöversikt
    </div>
      <img src="assets/frebergahillsvy_2016.jpg" width="600px" class="img-responsive"></img>
  </div>
</div>
<!--Freberga------------------------------------------------------------------->

<!--Etapp-bilder--------------------------------------------------------------->
<div class="row">
  <div class="col-xs-6">
    <img id="houseRow" src="assets/house_header_etapp1.png" class="img-responsive"></img>
  </div>

  <div class="col-xs-6">
    <img id="houseRow" src="assets/house_header_etapp2.png" class="img-responsive"></img>
  </div>
</div>
<!--Etapp-bilder--------------------------------------------------------------->


<div class="row" id="videoRow">
  <div class="col-xs-12">
  <div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/ePMAOeq2J1Q" allowfullscreen></iframe>
  </div>
</div>

</div>


</div>


<hr>


<div class="row">
  <div class="col-md-12 padding-0">
    <img id="tombstoneHeader" src="assets/tombstone_logo.png" >
  </div>
</div>

<div class="row">


<div class="col-md-6 col-xs-12">
  <div id="amazingslider-wrapper-1" style="display:block;position:relative;max-width:360px;margin:0px auto 0px;">
      <div id="amazingslider-1" style="display:block;position:relative;margin:0 auto;">
          <ul class="amazingslider-slides" style="display:none;">
              <li><img src="images/tombstone_1.png" alt="tombstone_1" />
              </li>
              <li><img src="images/tombstone_2.png" alt="tombstone_2" />
              </li>
              <li><img src="images/tombstone_3.png" alt="tombstone_3" />
              </li>
          </ul>
      </div>
  </div>
</div>

<div class="col-md-6 col-xs-12">
  <div class="headerTextTombstone">
    Utvecklad utav Progrmor
  </div>

  <div class="infoTextTombstone">
    Tombstone är en app som hjälper dig ta med minnen utav bortgångna
    <p>familjemedlemmar, vänner m.m var du än befinner dig, allt i telefonen och/eller surfplattan.</p>
      <ul id="tombstoneList">
        <li>Välj mellan flera olika gravstenar.</li>
        <li>Dekorera gravplatsen med blommor, lyktor & dylikt.</li>
        <li>Använd det inbyggda galleriet för att lägga upp minnen.</li>
        <li>Ha alltid med dig en rörande miljö tillägnad den bortgångne.</li>
      </ul>
      <p>
      Ladda ner Androidversionen här <b>(IOS version är under utveckling)</b>:
  </div>

  <a href="https://play.google.com/store/apps/details?id=com.progrmor.tombstone.android">
  <img id="androidLogo" src="assets/android_logo.png">
  </a>

</div>

</div>

<hr>

<div class="row">
  <div class="col-md-12 headerClass">

    <div class="headerText" id="housingText">
      Om Progrmor
    </div>


    <div class="col-xs-12 col-md-6">

          <img id="agentImg" src="assets/profile_pb.png"></img>

          <div class="contactHeader">
            Pär Bolgakov
          </div>
          <div class="infoText">
            <b>CEO / VD</b><p>
              M: +46 (0)72 310 15 20<p>
              E: <a href="mailto:par@progrmor.com?Subject=Hello%20again" target="_top">par@progrmor.com</a>
          </div>
    </div>

    <div class="col-xs-12 col-md-6">

          <img id="agentImg" src="assets/profile_bb.png"></img>

          <div class="contactHeader">
            Benjamin Bolgakov
          </div>
          <div class="infoText">
            <b>CTO / Teknikchef</b><p>
              E: <a href="mailto:benjamin@progrmor.com?Subject=Hello%20again" target="_top">benjamin@progrmor.com</a>
          </div>
    </div>


  </div>
</div>


<hr>

<!--Email container-->
<div class="row">
  <div class="container-fluid" id="emailContainer">
    <div class="contactHeader">
      Kontakta oss
    </div>

    <div class="infoText">
      <em>Manuellt kan du maila:</em> <a href="mailto:contact@progrmor.com?Subject=Hello%20again" target="_top">contact@progrmor.com</a>
      <p>
    </div>

    <form method="post" name="emailForm">
    			<fieldset class="form-group">
    				<label for="inputName">Namn *</label>
    				<input type="text" name="name" class="form-control" id="inputName" placeholder="Namn" required="true">
    			</fieldset>

    			<fieldset class="form-group">
    				<label for="inputEmail">Email *</label>
    				<input type="email" name="email" class="form-control" id="inputEmail" placeholder="Email" required="true">
    			</fieldset>

    			<fieldset class="form-group">
    				<label for="inputPhoneNumber">Telefon</label>
    				<input type="text" name="phone" class="form-control" id="inputPhoneNumber" placeholder="Telefonnummer">
    			</fieldset>

    			<fieldset class="form-group">
    				<label for="inputMessage">Meddelande *</label>
    				<textarea class="form-control" name="message" id="inputTextArea" rows="4" placeholder="Ditt meddelande.." required="true"></textarea>
    			</fieldset>

    			<fieldset class="form-group">
    				<button type="submit" class="btn btn-primary">Skicka</button>
            <p>
    			</fieldset>

    			<fieldset style="display: none;" class="status">
    				<p>Status</p>
    			</fieldset>
    		</form>


<script type="text/javascript">
			$("form").on("submit", function(e) {
				e.preventDefault();
				$.ajax({
					url: "send-email.php",
					type: "POST",
					dataType: "json",
					data: $(this).serialize(),
					success: function(data) {
						$("form .status").show();
						$("form .status p").html(data.message);
					}
				});
			})
		</script>

  </div>


</div>
<!--Email container-->


</div>

<footer>
  <div class="footerText">
    Följ Progrmor
  </div>

  <div class="row" id="footerRow">
    <a href="https://www.facebook.com/Progrmor/">
      <img class="img-responsive center-block" id="facebookLogo" src="assets/facebook_logo.jpg"></img>
    </a>
  </div>

<div class="row" id="footerRow">
  <a href="https://www.instagram.com/progrmor_official/">
    <img class="img-responsive center-block" id="instagramLogo" src="assets/instagram_logo.jpg"></img>
  </a>
  </div>

</footer>

</body>

</html>