<!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.">
    <meta name="author" content="Best Web Image">

	<!-- Bootstrap Core CSS -->
	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<!-- 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>
            <br>
            <a style="position:relative; top:-100px;" href="#about" class="page-scroll btn btn-dark btn-lg">About Best Web Image</a>
        </div>
    </header>

    <!-- About -->
    <section id="about" class="about">
        <div class="container text-center">
            <h2>Site development since 1996.</h2>
            <p class="lead">Robert&#8217;s passion for building sites has led him to create a methodology for reviewing and analyzing websites, which provides actionable feedback for enhancing effectiveness and usability.</p>
            <p>From public websites, corporate intranet sites on SharePoint, or merchant accounts/stores on Shopify, we can help.</p>
            
        </div>
        <!-- /.container -->
    </section>

    <!-- Services -->
    <!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ -->
    <section id="services" class="services bg-primary text-white">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-10 mx-auto">
                    <h2>Our Web Design Services</h2>
                    <hr class="small">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-globe  fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Webmaster<br>&nbsp;</strong>
                                </h4>
                                <p>Need a website?</p><br>
                                <a href="#footer" class="btn btn-light">Get started today!</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-newspaper-o fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Intranet Support<br>&nbsp;</strong>
                                </h4>
                                <p>Site Development - Content Management - Copy Edit</p>
                                <a href="#footer" class="btn btn-light">I need a website yesterday!</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-flask fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Website Consultation</strong>
                                </h4>
                                <p>From quick consultations to in depth analysis</p>
                                <a href="#footer" class="btn btn-light">Call us</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-6">
                            <div class="service-item">
                                <span class="fa-stack fa-4x">
                                <i class="fa fa-circle fa-stack-2x"></i>
                                <i class="fa fa-cogs fa-stack-1x text-primary"></i>
                            </span>
                                <h4>
                                    <strong>Technical<br>Website Support</strong>
                                </h4>
                                <p>Not just for existing clients. Need help?</p>
                                <a href="#footer" class="btn btn-light">Get help</a>
                            </div>
                        </div>
                    </div>
                    <!-- /.row (nested) -->
                </div>
                <!-- /.col-lg-10 -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>

    <!-- Callout -->

	

    <!-- Portfolio -->
    <section id="portfolio" class="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-10 mx-auto text-center">
                    <h2>Examples of Web &amp; Intranet Sites</h2>
                    <hr class="small" style="margin-bottom:40px;">
                    <div class="row">
                        <div class="col-md-6">
							<div class="polaroid rotate_left">
								<img src="images/portfolio/cemex.jpg" alt="Cemex" >
								<p class="caption">A story line template for Cemex for their Intranet.</p>
							</div>	
							<div class="polaroid rotate_right">
								<img src="images/portfolio/toyota.jpg" alt="Toyota" >
								<p class="caption">A custom FAQ solution developed for Toyota. Keyword, category, and subcategory search provided running off XML data for one of their Drupal websites.</p>
							</div>
						</div>					
                        <div class="col-md-6">
							<div class="polaroid rotate_right">
								<img src="images/portfolio/BCP.jpg" alt="Business Conduct Policy" >
								<p class="caption">A 60+ page business conduct policy, in eight different languages, for an American multinational technology company headquartered in Cupertino, California.</p>
							</div>
							
							<div class="polaroid rotate_left">
								<img src="images/portfolio/10x.jpg" alt="10XCEO" >
								<p class="caption">A custom WordPress Template partnered with Sidekick Associates</p>
							</div>	
						</div>							
                        <div class="col-md-6">
							<div class="polaroid rotate_left">
								<img src="images/portfolio/levis.png" alt="Levis" >
								<p class="caption">An interactive training module for Levis employees on their Intranet.</p>
							</div>

							<div class="polaroid rotate_none">
								<img src="images/portfolio/hp.png" alt="HP" >
								<p class="caption">Nearly 50 different Intranet sites with custom solutions and designs for HP.</p>
							</div>
						</div>		
                        <div class="col-md-6">
							<div class="polaroid rotate_right">
								<img src="images/portfolio/vmware.jpg" alt="VMware" >
								<p class="caption">Several template and site enhancements for VMware's Intranet</p>
							</div>
						</div>		
					
                    </div>
                </div>

			</div>
                <!-- /.col-lg-10 -->
		</div>
	<!-- /.container -->
	</section>

    <!-- Call to Action -->
    <aside class="call-to-action bg-primary text-white">
        <div class="container text-center">
            <h3>Building a website is not enough. Make it do something.</h3>
			<p>A quick example is this site. It&#8217;s made for two things: get users that are interested in web services to contact us, and show a few examples of work.</p>
        </div>
    </aside>



    <!-- Footer -->
    <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="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/jquery/jquery-ui.js"></script>
    <script src="vendor/popper/popper.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
	


    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <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>
