<!DOCTYPE html>
 <html>nhy 
 
 <head>    
      <meta charset="utf-8">  
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="icon" href="images\logo.jpg" >
      <link rel="stylesheet" href="css\printcs.css">
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" 
      integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
      <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Cabin&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Alatsi&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Saira+Condensed&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Cinzel&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Concert+One&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Calistoga&display=swap" rel="stylesheet">

     <title>
         Print Zone|Printing Press
     </title>
     <style>
       div.trans {
height:380px;
background-color:#e8c400;

opacity: 0.8;
transform:translateY(-60px);

}

a{
		color:white;
	font-size:25px;
	font-weight: bolder;
	font-family: 'Cinzel', serif;
}
a:hover 
{
	 
	 
	 color:black;
     text-decoration:none; 
     cursor:pointer;  
}
input[type=text] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 3px solid #ccc;
  -webkit-transition: 0.5s;
  transition: 0.7s;
  outline: none;
}

input[type=text]:focus {
  border: 3px solid #555;

}
button{
 
  font-family:'Open Sans Condensed', sans-serif;
  color:white;
}

button:hover{
  color:black;
     text-decoration:none; 
     cursor:pointer; 
}
      div.background{
	
	background-color:black;
	background:url('images/1.jpg') ;
	background-size: cover;
	}
	
  input[type=submit]{
  background-color:#e8c400;
  font-size:20px;
  border:2px solid #e8c400;
  font-weight:bold;
  width:180px;
  color:white;
  height:50px;
}
.skewedBox{

padding:100px 0;
transform:skew(0deg,-5deg) translateY(-100px);
color:white;

}
.map-container{
overflow:hidden;
padding-bottom:56.25%;
height:500px;

}
.map-container iframe{
left:0;
top:0;
height:500px;
width:100%;
 
position:absolute;
}
</style>
    </head>
    <body>
		
    <div class="container-fluid background skewedBox" style="height:420px;">
          <div class="trans">
 <div class="row con" style="padding-top:50px;" >
              <div class="col-md-5" style="padding-top:20px;" >
                  <h3 style="font-size:20x;font-family:'Cinzel', serif;font-weight:bold;text-align:center;color:white;">	
                <img class="img-fluid" src="images\logo.jpg" width="40px" height="50px"> Print Zone | Printing press</h3>
            </div>
            <div class="col-sm-2"></div>
            <div class="col-md-5">
            
              <nav class="navbar navbar-expand-sm bg-transparent">
                  <ul class="navbar-nav " >
                    <li class="nav-item active ">
                    <a class="nav-link" href="/">Home</a>
                    </li>
                    <li class="nav-item">
                    <a class="nav-link" href="/sread">Services</a>
                    </li>
                    <li class="nav-item  " >
                      <a class="nav-link" href="/jo">Jobs</a>
                      </li>
                    <li class="nav-item " >
                    <a class="nav-link" href="/contact">Contact</a>
                    </li>
        
                    <li class="nav-item " >
                      <a class="nav-link" href="/about">About</a>
                      </li>
                  </ul>
                </nav>
              </div>
  </div> 
        <div class="row con">
          <h1 class="hd"><br>CONTACTS</h1>
      </div>
      </div>
      </div>
      <div class="container-fluid skewedBox" >
          <div class="row con">
            <div class="col-sm-12" style="background-color: white;">
                <p style="font-size:30px;color:black;font-family: 'Open Sans Condensed', sans-serif;">feel free to </p>
                <h1 style="font-size:65px;font-family: 'Josefin Sans', sans-serif;font-weight: bold;color:black">
            CONTACT US
             </h1>
            
          </div>
      </div>
      <br>
      <div class="row con">
          <div class="col-sm-2">
          </div>
          <div class="col-sm-3">
              <i class="far fa-envelope" style="color:#e8c400;font-size:100px"></i>
              <p></p>
              <p style="font-size:20px;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;color:black;">Printzone@gmail.com</p>
              <p style="font-size:20px;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;color:black;">Facebook: Print Zone Wah</p>


          </div>
          <div class="col-sm-2"  style="align-content: center;">
           
              <i class="fas fa-map-marker-alt" style="color:#e8c400;font-size:100px"></i> 
              <p></p>
              <p style="font-size:18px;font-family: 'Open Sans Condensed', sans-serif;font-weight: bold;color:black;" >Shop # 12, City Center Plaza, St.2New City Ph-1, G.T Road, Wah Cantt</p>
 
          
</div>
          <div class="col-sm-3" >
              <i class="fa fa-mobile-phone" style="color:#e8c400;font-size:100px"></i>
              <p></p>
          <p style="font-size:18px;font-family:'Open Sans Condensed', sans-serif;font-weight: bold;color:black;">051-4255546 <br>0336-6012340
          </div></p>
        <div class="col-sm-1">
          </div>
        </div>
      </div>
      <div class="container-fluid skewedBox"style="height:600px;background-color:white" >
        <div class ="row">
          <div class ="col-sm-12 ">
          <div id="map-container-google-1 " class=" z-depth-1-half map-container">
          <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3317.2045205796003!2d72.75464261520725!3d33.75538048068779!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x38dfa6c260b515fd%3A0x1607b110cdf76127!2sPrint%20Zone%20Printing%20Press!5e0!3m2!1sen!2s!4v1575617366783!5m2!1sen!2s" width="600" height="500" frameborder="0" style="border:0;" allowfullscreen=""></iframe></div>
          
            </div>
          </div>
        </div>
        </div>
        <div class="container-fluid skewedBox" >
          <div class="row con">
            <div class="col-sm-12" style="background-color: white;">
               <h1 style="font-size:60px;font-family: 'Josefin Sans', sans-serif;font-weight: bold;color:black">SEND MESSAGE</h1>
              <div class="row">
                <div class="col-sm-3"></div>

                <div class="col-sm-3" >
                    <form  action="{{url('/createdata')}}" method="POST">
                        {{csrf_field()}}
                    <input type="text" id="fname" name="name" placeholder="Name">

{{--        extra--}}
                </div>
                  <div class="col-sm-3">
                      <input type="text" id="fname" name="email" placeholder="Email">

                  </div>
                  <div class="col-sm-3"></div>

              </div>
            </div>
          </div>
            <div class="row con">
                <div class="col-sm-12">
                    <input type="text" id="fname" name="review" placeholder="Message" style="height:150px;width:660px;">
                    </br>
                    <input type="submit" value="Submit">
                </div>
            </div>
            <br>
            <div class="row con">
                <div class="col-sm-12">
                    {{--             <button type="submit" class="btn btn-warning btn-md" style="height:50px;width:300px;font-weight: bold;color:white; font-size: 27px;">SUBMIT</button>--}}
                </div>
            </div>
        </div>
{{--                        extra end--}}
                    </form>


        <div class="container-fluid skewedBox" style="background-color:black">
            <div class="row con">
              <div class="col-sm-12">
                <h3 class="last">	
                  <img class="img-fluid" src="images\logo.jpg" width="50px" height="60px"> Print Zone | Printing press</h3>
            </div>
            </div>
            <br><br><br>
            <div class="container con">
              <div class="row">
                <div class="col-sm-3">
                </div>
                <div class="col-sm-2">
              <h6  style="font-weight: bolder;">Address</h6>
              <p style="font-size:14px;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;" >Shop # 12, City Center Plaza, St.2New City Ph-1, G.T Road, Wah Cantt</p>
                </div>
                <div class="col-sm-2" style="border-left: 1px solid grey">
                <h6 style="font-weight: bolder;">Socials</h6> 
                
                </br>
              <i class="fa fa-google" style="color:white;font-size:24px"></i>
                &nbsp;   &nbsp;
                  <i class="fa fa-facebook-official" style="color:white;font-size:24px"></i>
                  &nbsp;   &nbsp;
                <i class="fa fa-pinterest" style="color:white;font-size:24px"></i>
                &nbsp;  
                
      </div>
                <div class="col-sm-2" style="border-left: 1px solid grey">
                <h6 style="font-weight: bolder;"> Contacts</h6>
                
                <p></p>
                <p style="font-size:14px;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;">051-4255546 <br>0336-6012340
                </div></p>
                                                          
                <div class="col-sm-3">
                
                </div>
              </div>
              </div>
            </div>
</body>

      </html>