<!DOCTYPE html>
<html>

<head>
  <title></title>
  <meta charset="utf-8" />
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- css -->
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,700,800" rel="stylesheet" media="screen">

  <link href="uns/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
  <link href="uns/assets/css/style.css" rel="stylesheet" media="screen">
  <link href="uns/assets/color/default.css" rel="stylesheet" media="screen">

  <!-- =======================================================
    Theme Name: Alstar
    Theme URL: https://bootstrapmade.com/alstar-free-parallax-bootstrap-template/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
  ======================================================= -->
</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-default" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle nav</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <!-- Logo text or image -->
        <a class="navbar-brand" href="index.php"></a>

      </div>
      <div class="navigation collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav">
          <li class="current"><a href="#intro">Home</a></li>
          <li><a class="menu" href="#privacy">Privacy</a></li>
          <li><a href="#team">Service</a></li>
          <li><a href="#contact">Contact</a></li>
         <li><a class="sub" href="uns/index.php">Unsubscribe</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- intro area -->
  <div id="intro">
    <div class="intro-text">
      <div class="container">
        <div class="col-md-12">
          <div id="rotator">
            <h1><span class="1strotate">FIELD MARKETING SERVICES AT THEIR BEST, Design for life, Creativity and technology</span></h1>
            <div class="line-spacer"></div>
            <p><span class="2ndrotate">Welcome To ,Web Design, Brand Identity</span></p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- About -->
  <section id="about" class="home-section bg-gray" >
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div class="section-heading">
            <h2>About us</h2>
            <div class="heading-line"></div>
            <p>We’ve been building unique digital products, platforms, and experiences.</p>
          </div>
        </div>
      </div>
      <div class="row wow fadeInUp">
        <div class="col-md-6 about-img">
          <img src="uns/assets/img/services.jpg" alt="">
        </div>

        <div class="col-md-6 content">
          <h2>Goal Focused Email Marketing Agency</h2>
          <h3></h3>
          <p>
           Our agency’s email marketing services help you speed up your sales cycle. The goal of email marketing is to move your prospects from one stage of your sales funnel to the next. In other words, our agency will send emails that motivate people to buy your products and services. Our email marketing agency will craft engaging newsletters to help you stay top of mind. We can also create “drip campaigns”, or email automation sequences, to send a systematic flow of emails to your marketing leads. Use our email marketing services to speed up your sales cycle, save valuable time, and utilize our experienced personnel.
          </p>
        </div>
      </div>
    </div>
  </section>


 
  <!-- Team -->
  <section id="team" class="home-section bg-white">
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div class="section-heading">
            <h2>Our Services</h2> 
            <div class="heading-line"></div>
            <p>We’ve been building unique digital products, platforms, and experiences.</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
          <div class="box-team wow bounceInUp" data-wow-delay="0.1s">
            
            <i class="fa fa-area-chart fa-4x" style="color:#00c1c1;" ></i>
            <h4>Strategy & Consulting</h4>
            <p>We build brands with razor-sharp strategy. We analyze every aspect of your industry and apply our digital expertise to provide a roadmap for success.</p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" data-wow-delay="0.3s">
          <div class="box-team wow bounceInUp">
            <i class="fa fa-cogs fa-4x" style="color:#00c1c1;" ></i>
            <h4>Branding & Design</h4>
            <p>We bring ideas to life with perfectly executed creative. Our websites, videos, campaigns and copywriting build a brand story that will resonate.</p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" data-wow-delay="0.5s" style="margin-top:5%;">
          <div class="box-team wow bounceInUp">
            <i class="fa fa-code fa-4x" style="color:#00c1c1;" ></i>
            <h4>Website Development</h4>
            <p>Using the best-in-class technology, we build websites and apps that perform. With a full team of developers working on cutting-edge solutions, we customize interactive development for every client need.</p>
          </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" data-wow-delay="0.7s" style="margin-top:5%;">
          <div class="box-team wow bounceInUp">
            <i class="fa fa-bullhorn fa-4x" style="color:#00c1c1;" ></i>
            <h4>Digital Marketing</h4>
            <p>Our dynamic marketing team gets results. We apply a series of customized tactics to bring qualified traffic to your site and build relevant content that converts.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Contact -->
  <section id="contact" class="home-section bg-gray">
    <div class="container">
      <div class="row">
        <div class="col-md-offset-2 col-md-8">
          <div class="section-heading">
            <h2>Contact us</h2>
            <div class="heading-line"></div>
            <p>If you have any question or just want to say 'hello' to Alstar web studio please fill out form below and we will be get in touch with you within 24 hours. </p>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-md-offset-2 col-md-8">

       
            <div class="col-md-offset-2 col-md-8">
              <div class="form-group">
                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" />
                
              </div>
            </div>

            <div class="col-md-offset-2 col-md-8">
              <div class="form-group">
                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" />
       
              </div>
            </div>
            <div class="col-md-offset-2 col-md-8">
              <div class="form-group">
                <textarea class="form-control" id="message" name="message" rows="5" placeholder="Message"></textarea>
              </div>
            </div>
            <div class="form-group">
              <div class="col-md-offset-2 col-md-8">
				<div id="success"></div>
                <button type="submit" id="contacts" class="btn btn-theme btn-lg btn-block">Send message</button>
              </div>
            </div>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <p class="fh5co-copyright">&copy; Copyright 2026. All Rights Reserved.<br></p>
        </div>
      </div>
    </div>
  </footer>

  <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

  <!-- js -->
  <script src="uns/assets/js/jquery.js"></script>
  <script src="uns/assets/js/bootstrap.min.js"></script>
  <script src="uns/assets/js/wow.min.js"></script>
  <script src="uns/assets/js/mb.bgndGallery.js"></script>
  <script src="uns/assets/js/mb.bgndGallery.effects.js"></script>
  <script src="uns/assets/js/jquery.simple-text-rotator.min.js"></script>
  <script src="uns/assets/js/jquery.scrollTo.min.js"></script>
  <script src="uns/assets/js/jquery.nav.js"></script>
  <script src="uns/assets/js/modernizr.custom.js"></script>
  <script src="uns/assets/js/grid.js"></script>
  <script src="uns/assets/js/stellar.js"></script>

  <!-- Template Custom Javascript File -->
  <script src="uns/assets/js/custom.js"></script>
<script type="text/javascript">
	$( document ).ready(function() {
		
		/*$('.sub').on('click',function(e){
			target=$(this).attr('href');
			window.location.href = "uns/index.php";
		});*/
		
		 
		// Privacy
		$('.menu').on('click',function(e){
			e.preventDefault();
			target=$(this).attr('href');
			if (target=="#privacy") {
				window.open('uns/privacy.php','','top=50,left=50,width=500,height=500');
			}
		});
		
		// sending contact messages
		$('#contacts').click(function(){
			if($("#email").val()=="" || $("#name").val()=="" || $("#message").val()==""){
				alert("Please enter your name, message and your email address!");
			}
			else{
				$.ajax({
					url  : "uns/action/savemail.php",
					type : "post",
					data : {
							action:"contacts",
							name:$("#name").val(),
							email:$("#email").val(),
							message:$("#message").val()
							}
				})
				.done(function(responce) {
					var responce=JSON.parse(responce);
					if(responce.status=="success"){
						$("#success").html('<div class="alert alert-success alert-dismissible">'+
													'<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>'+
													'Thank you for contacting us! We will be in touch with you shortly.'+
													'</div>');
						$("#name").val('');
						$("#email").val('');
						$("#message").val('');
					}
					else{
						$("#success").html('<div class="alert alert-danger alert-dismissible">'+
													'<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>'+
													'Your message hasn\'t been received!'+
													'</div>');
					}
				});
			}
		});
	});
</script>
</body>
</html>
