<!DOCTYPE html>
<html lang="en">

<head>
	<title>Best Web Image - A Web Design Company</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Best Web Image - Internet and Intranet website development ensuring: quality design, great usabilty, clear purpose, and site effectiveness. Long closed!">
    <meta name="author" content="Best Web Image">

	<!-- Bootstrap Core CSS -->
	<link href="https://jsdelivr.net" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

	<!-- Custom CSS -->
	<link href="css/stylish-portfolio.css" rel="stylesheet">    


	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="favicon/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">

	<!-- Matomo -->
	<script>
	  var _paq = window._paq = window._paq || [];
	  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
	  _paq.push(['trackPageView']);
	  _paq.push(['enableLinkTracking']);
	  (function() {
		var u="//www.bestwebimage.com/matomo/";
		_paq.push(['setTrackerUrl', u+'matomo.php']);
		_paq.push(['setSiteId', '2']);
		var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
		g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
	  })();
	</script>
	<!-- End Matomo Code -->

</head>

<body>
    <!-- Navigation -->
    <a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle"><i class="fa fa-bars"></i></a>
    <nav id="sidebar-wrapper">
        <ul class="sidebar-nav">
            <a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
            <li class="sidebar-brand">
                <a href="#top" onclick=$( "#menu-close").click();>Best Web Image</a>
            </li>
            <li>
                <a href="#about" onclick=$( "#menu-close").click();>About Best Web Image</a>
            </li>

            <li>
                <a href="#portfolio" onclick=$( "#menu-close").click();>Portfolio</a>
            </li>            
            <li>
                <a href="#footer" onclick=$( "#menu-close").click();>Contact Us</a>
            </li>
        </ul>
    </nav>

    <!-- Header -->
    <header class="header" id="top">
        <div class="text-vertical-center">
			<h1>Best Web Image</h1>
            <span class="title">Quality web design, great usability, and clear purpose.</span>
            <br>
   
        </div>
    </header>





    <footer id="footer">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 mx-auto text-center">
					<h3><strong>Contact Best Web Image</strong></h3>
					<div style="padding:50px; margin-top:40px; border: 1px solid #BFBFBF;background-image:url('http://bestwebimage.com/img/bg.jpg');border-radius: 25px; text-align:left;">	
						<h4><strong>Best Web Image</strong></h4>
						<p>San Jose, CA 95123</p>
						<ul class="list-unstyled">
							<li><i class="fa fa-phone fa-fw"></i> (408) 390-3128</li>
							<li><i class="fa fa-skype fa-fw"></i> camp185</li>
						</ul>
						<br>
					
						<div style="">
							<form method="POST" name="bwi" action="contactsend.php" onsubmit="return messageValidation()">
							  <p>Your email<br>
							  <input type="text" name="from" id="from" style="width:200px;border-radius: 3px;border: black solid 1px; padding:3px;"></p>
							  <p>Your message to Best Web Image<br>
							  <textarea rows="8" name="body" id="body" style="width:100%;border-radius: 3px;border: black solid 1px;padding:3px;"></textarea></p>
							  <p><input type="submit" value="Contact Us" name="B1" class="btn btn-primary btn-lg"></p>
							</form>					
						</div>
					</div>
					<!--
                    <ul class="list-inline">
                        <li class="list-inline-item">
                            <a href="#"><i class="fa fa-facebook fa-fw fa-3x"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="#"><i class="fa fa-twitter fa-fw fa-3x"></i></a>
                        </li>
                        <li class="list-inline-item">
                            <a href="#"><i class="fa fa-dribbble fa-fw fa-3x"></i></a>
                        </li>
                    </ul>
					-->
                    <hr class="small" >
                    <p class="text-muted">Copyright &copy; Best Web Image 1998-2019</p>
					

                </div>
            </div>
        </div>
        <a id="to-top" href="#top" class="btn btn-dark btn-lg page-scroll"><i class="fa fa-chevron-up fa-fw fa-1x"></i></a>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.14.2/jquery-ui.min.js" integrity="sha512-sJcXQUDDRzmJucAnIvFskH17pgX+JW0pjjfgzRyV0HQdUV3ljURrYP8VzbGviocumNEPSV5E9Ue7L6PW+Aly4A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js" integrity="sha384-G/EV+4j2dNv+tEPo3++6LCgdCROaejBqfUeNjuKAiuXbjrxilcCdDz6ZAVfHWe1Y" crossorigin="anonymous"></script>


	


    <!-- Custom Fonts -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fontawesome-iconpicker/3.2.0/js/fontawesome-iconpicker.min.js" integrity="sha512-7dlzSK4Ulfm85ypS8/ya0xLf3NpXiML3s6HTLu4qDq7WiJWtLLyrXb9putdP3/1umwTmzIvhuu9EW7gHYSVtCQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">


	
	<!--#########Favicon#########-->
	<!--#########http://www.favicon-generator.org/#########-->
	<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="favicon/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
	<link rel="manifest" href="favicon/manifest.json">

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/stylish-portfolio.js"></script>
	
	<!-- Custom JS and INC -->
	<script src="js/functions.js"></script>

</body>

</html>
