|
Server : Apache/2.2.22 (Unix) mod_ssl/2.2.22 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 System : Linux server.jackjohnson.com 2.6.32-279.5.2.el6.x86_64 #1 SMP Fri Aug 24 01:07:11 UTC 2012 x86_64 User : jackjohn ( 502) PHP Version : 5.3.17 Disable Function : NONE Directory : /home/jackjohn/public_html/ |
Upload File : |
<!DOCTYPE html><html lang="en-US" class="nojs nores"><head>
<meta name="generator" content="ShopSite Manager 14.0 sp2 (data - CJ-JJ.sst)">
<meta name="referrer" content="no-referrer-when-downgrade">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta http-equiv="content-type" content="text/html; charset=UTF-8"><meta name="web_author" content="Jack Johnson Custom by ShopSite, Inc."><meta name="HandheldFriendly" content="True"><meta property="og:title" content="San Miguel">
<meta name="twitter:title" content="San Miguel">
<meta name="keywords" content="San Miguel">
<meta property="og:description" content="Love This : San Miguel">
<meta name="twitter:description" content="Love This : San Miguel">
<meta property="og:type" content="og:product">
<meta property="og:price:amount" content="0.00"><meta property="og:price:currency" content="USD"><meta property="og:availability" content="in stock">
<meta property="og:image" content="http://jackjohnson.com/media/san-miguel-01.png">
<meta name="twitter:image" content="http://jackjohnson.com/media/san-miguel-01.png">
<meta name="twitter:card" content="http://jackjohnson.com/san-miguel.html">
<meta property="og:url" content="http://jackjohnson.com/san-miguel.html">
<title>San Miguel</title>
<link rel="canonical" href="http://jackjohnson.com/san-miguel.html">
<style type="text/css">
#prod_img>img {max-width:100%}
.miprprc {font-size: 180%}
.miprprc, div#misku, .miadd select, div#miinv {margin: 5px 0}
.miadd select {display: block;max-width: 94%;padding: 5px}
div#micrtext textarea {padding:5px;margin:5px 0px;max-width: 94%}
div#miopts {padding: 15px 0px}
div#miopts > b, div#micrtext > b {display: block}
form.miadd input[type="submit"] {margin-top:5px;margin-bottom:5px}
div#miCarousel {border:1px solid #EEEEEE;background: #FFF}
div#miCarousel.miindicators {margin-bottom:80px}
div#miCarousel .carousel-item > span {display: block;width: 100%;text-align: center}
div#miCarousel .carousel-item > span > img {margin: 0px auto}
div#miCarousel .carousel-indicators {bottom:-71px;margin:0px}
div#miCarousel .carousel-indicators li:before, div#miCarousel .carousel-indicators li:after {display: none}
div#miCarousel .carousel-indicators li {height:auto;max-height:60px;max-width:60px;padding-top:100%;position:relative;text-indent:0px}
div#miCarousel .carousel-indicators li img {display: inline-block; max-height: 100%; max-width: 100%}
div#miCarousel .carousel-indicators li > a {background-position:center;background-repeat:no-repeat;background-size:contain;display: block;min-height:60px;width: 100%;}
div#miCarousel .carousel-indicators li.active > a {border: 1px solid #EEEEEE}
div#asseenin {margin:20px 0px; padding: 10px 0px 0px 0px; border-top: 1px solid #EEEEEE}
div#asseenin > img {display: block;max-width:100%}
div.text-center div#asseenin > img {margin:0px auto}
span.ss_out_of_stock {color: #8A6D3B}
span.ss_low_stock {color: #8A6D3B}
div.prsubs > span {display: block; padding-bottom: 8px}
div.prsubs input {margin-right: 8px}
div#accordion h5 a {display: block; text-decoration: none; cursor: pointer}
@media screen and (max-width:768px) {
.collapse.show {border: 1px solid #EEEEEE}
}
</style>
<link rel="stylesheet" type="text/css" href="http://jackjohnson.com/shopsite-images/en-US/backgrounds/entypo.css"><link rel="stylesheet" href="http://jackjohnson.com/publish/cjboot.min.css">
<style type="text/css">html, body {height: 100%}body {background-color:#F8F8F8}body,td{color:#111111}a{color:#066043}a:hover{color:#167959}.container {position: relative;margin-left: auto;margin-right: auto;padding-right: 15px;padding-left: 15px}@media (min-width: 768px) {.container {max-width: 100%}}@media (min-width: 992px) {.container {width: 960px; max-width: 100%}}@media (min-width: 1200px) {.container {width: 1200px;max-width: 100%}}div#cj-hn a{color:#FFFFFF}div#cj-hn a:hover{color:#F8F8F8}body.fillbrowser.navoverlayno div#cj-hnv, body.fillcontent.navoverlayno div#cj-hnv>div {background:#5A4B41}div#cj-nol {position: relative; background-color:#5A4B41;background-position: center; background-repeat: no-repeat; background-size: cover;color:#FFF}button#cj-sTog:before, button#cj-sTog:after, body.mobile button#cj-navTog:before, body.mobile button#cj-navTog:after {border-color: #555555}button#cj-sTog:hover:before, button#cj-sTog:hover:after, body.mobile button#cj-navTog:hover:before, body.mobile button#cj-navTog:hover:after {border-color: #066043}a#signinlink>span,div#user-links a>span,div#cj-wl>a>span,div#cj-hp>a>span,a#cj-mini>span.icon-shopping-cart,div#cj-fc>a>span,div#cj-fc>div>span{color: #555555}a#signinlink:hover>span,div#user-links a:hover>span,div#cj-wl>a:hover>span,div#cj-hp>a:hover>span,a#cj-mini:hover>span.icon-shopping-cart,div#cj-fc>a:hover>span,div#cj-fc>div>span:hover{color: #066043}div#cj-fc [class^="icon-"],div#cj-fc [class*=" icon-"]{color:#69BA39}div#cj-fc .social_follow{background:#69BA39}div#cj-fc .social_follow:hover{background:#69BA39}div#cj-h ul#ShopSite > li > a {font-family:'Oswald',Oswald,Arial Narrow,'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .left_pagetitle, .right_pagetitle, .footer_pagetitle, #cj-storename {font-family: 'Oswald',Oswald,Arial Narrow, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif}body,td {letter-spacing:0.4px}
div#cj-h a {color: inherit}
div#cj-hac{background:#555555;color:#FFF;padding-top: 0.5em; padding-bottom: 0.5em}
div#cj-hin, div#cj-hnv, div#cj-hch {padding-top: 1.5em; padding-bottom: 1.5em}
body.navoverlayno div#cj-hin, body.navoverlayno div#cj-hnv, body.navoverlayno div#cj-hch {border-bottom: 1px solid #EEEEEE}
div#cj-hin {position: relative;z-index: 1}
div#cj-car{background:#555555;padding:4em 0px}
div#cj-car .card {background:#FFF;color:#5A4B41;overflow:hidden;margin-right:0px}
div#cj-cararr>a {font-size: 120%;display: inline-block;height:30px;width:30px;background: #EEEEEE;text-align: center;border-radius: 20px;line-height:30px;margin:0px 0px 5px 10px;text-decoration:none !important}
div#cj-cararr>a:hover{background:#8A6D3B}
div#cj-f {background:#F8F8F8;color:#066043}
div#cj-fc .social_follow {background: #066043}
div#cj-f a:hover {color: #5A4B41}
div#cj-nol div#cj-hl img {-webkit-filter:invert(1);filter:invert(1)}
span.onsaleflag {background:#167959}
html {height:100%;overflow:hidden;}
body {background: repeating-linear-gradient(45deg, #6d6033, #6d6033 2px, #5e5125 2px, #5e5125 4px);max-height:100%}
div#cj-m {position:static}
div#jj-header {height:26%;width:900px;max-width:96% !important}
div#jj-header > div {height:100%}
div#jj-header img {max-height:70%;}
div#jj-header div.nav-parent {width:180px;max-width:33%;filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 1))}
div#jj-header div.nav-parent a {position:relative;background: rgb(179,172,153);background: linear-gradient(90deg, rgba(179,172,153,1) 0%, rgba(230,227,221,1) 100%);display:block;line-height: 1.5em;font-family: "Oswald";color: #3f3e3c;font-size: 120%;text-transform: uppercase;padding: 0.25em 8px;margin-right: 6px;box-shadow:0px 0px 10px rgba(0,0,0,1);transition:all ease 0.5s;clip-path:polygon(0% 0%,0% 0%,95% 0%,100% 30%,100% 100%,0 100%,0 100%,0 100%);}
div#jj-header div.nav-parent a:hover {padding-bottom:20px}
div#jj-middle {width:100%;border-bottom:1px solid #a79f84;border-top:1px solid #a79f84}
div#jj-nav {position: relative;z-index: 1;bottom: -2px}
div#main-content {background:white;width:900px;max-width:96% !important;box-shadow:0px 0px 20px rgba(0,0,0,1);z-index:2}
div#main-content > div {width:100%;height:100%}
div#main-content > div:before {display:block; content:'';position:absolute;top:0px;height:100%;border-right:1px solid #a79f84}
div#main-content > div:after {display:block; content:'';position:relative;border-left:1px solid #a79f84;float:right}
div#jj-content {height: 100%;overflow:hidden;padding-bottom:40px;position:relative}
div#jj-middlecontent {height:100%}
div#designing {box-shadow:0px 0px 7px rgba(0,0,0,1);padding:0.5em 15px 0.6em 15px;text-align:left;text-transform:uppercase;font-family:"Oswald";background:#707007;color:#bc9a50;font-size:90%;text-shadow:0px 0px 3px rgba(0,0,0,1);position:relative;z-index:1}
div#jj-footer {box-shadow:0px 0px 7px rgba(0,0,0,1);text-align:right;position:absolute;bottom:0px;width:100%;display:block; padding:0.5em 15px 0.6em 15px;color:#c3c09a;text-shadow:0px 0px 3px rgba(0,0,0,1);background:#707007;font-family:"Oswald";text-transform:uppercase}
div#jj-footer a {color:inherit;padding-left:20px}
div#jj-footer a:hover {color:#bc9a50}
div#left-sideways > div {transform: rotate(270deg);position: absolute;bottom: 60px;font-size: 400%;line-height: 40px;white-space: nowrap;font-family: "Oswald";text-transform: uppercase;text-align: left;width: 10px;height: 10px;left: 20px;color: #be9c52;font-weight: bold}
div#jj-gradient {background: rgb(179,172,153);background: linear-gradient(90deg, rgba(255,255,255,0) 8px, rgba(0,0,0,0.5) 15px, rgba(179,172,153,1) 15px, #f7f4eb 30%);}
div#pg-img-ph {background: #887c70;height: 100px;margin-top: 15px}
h1 {color:#45342d;text-transform:uppercase;font-size:200%;margin-bottom: 0px;font-weight: bold;}
div#page-title {background: #e2ded1}
div#dark-text {height:100%; background:#b1a992;overflow:auto}
div#set-height {height:calc(100% - 147px)}
div#set-height div.col-md-8 {height:100%;max-height:100%;overflow:auto}
div#cj-min {padding:0px !important;min-height:100px !important}
h3 {font-size: 115%;text-transform: none;text-decoration: underline}
div#left-links span, div#left-links a {display: block;padding: 0.4em;font-family: "Oswald";font-size: 80%;text-transform: uppercase;background: #e2ded1;margin-bottom: 3px;color: #4f4935;transition:all ease 0.4s}
div#left-links span.active, div#left-links a.active, div#left-links a:hover {color:#aa8a4c;background:#4f4935}
h4 {margin-top: 30px;font-size: 106%;text-transform: none;margin-bottom: 5px}
div.jj-portfolio {width:25%;float:left}
div.jj-portfolio a:nth-child(2) {opacity:0.5;transition:all ease 0.5s;display: block;padding-top: 98%;width: 98%;background-repeat: no-repeat;background-position: center;background-size: 320px;line-height: 0px;margin-bottom:2%}
div.jj-portfolio:nth-child(4n+1) {clear:left !important}
div.jj-portfolio a:hover {opacity:1}
div#miinfo {background: #605d1a;box-shadow: 0px 0px 6px rgba(0,0,0,0.6)}
div#jj-sans-gradient > div {max-height:100%}
div#jj-sans-gradient > div > div {max-height:100%;overflow:auto}
</style>
<script type="text/javascript">function setCookie(t,e,r){var o=new Date;o.setTime(o.getTime()+24*r*60*60*1e3);var n="expires="+o.toUTCString();document.cookie=t+"="+e+";"+n+";path=/"}function getCookie(t){for(var e=t+"=",r=document.cookie.split(";"),o=0;o<r.length;o++){for(var n=r[o];" "==n.charAt(0);)n=n.substring(1);if(0==n.indexOf(e))return n.substring(e.length,n.length)}return""}function lsTest(){try{return localStorage.setItem("test","test"),localStorage.removeItem("test"),!0}catch(t){return!1}}</script>
<script type="text/javascript">if(lsTest() === true) {var cjns=localStorage.getItem('cjns');var cjnw=localStorage.getItem('cjnw');var cjnc=sessionStorage.getItem('cjnc');} else {var cjn=getCookie('cjn').split('|');var cjns=cjn[0];var cjnw=cjn[1];var cjnc=cjn[2];}</script>
<style type="text/css">
div#jj-middlecontent {height: calc(100% - 22px);background:#bd9b51}
div#jj-middlecontent > div > div {max-height: 100%;overflow:auto}
div#carouselMoreInfo .carousel-indicators {margin-top: 0px !important}
div#carouselMoreInfo .carousel-indicators span {background-color:transparent !important}
div#carouselMoreInfo .carousel-indicators li.active {border-color: transparent !important;opacity:1}
div#carouselMoreInfo .carousel-indicators li {opacity:0.5}
</style>
<script type="text/javascript">escape=encodeURIComponent;unescape=decodeURIComponent;</script><script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
var ss_jQuery = jQuery.noConflict(true);
</script>
</head>
<body class="fullwidth square uppercase fillbrowser bordersthin shadingsome navoverlayno desktop">
<script type="text/javascript">if (document.documentElement.clientWidth == cjnw) {document.getElementsByTagName("body")[0].classList.remove("desktop");document.getElementsByTagName("body")[0].classList.add(cjns);}
window_height = ss_jQuery(window).height();
ss_jQuery("body").prepend("<style type='text/css'>div#main-content > div:after{height:"+(window_height*2)+"px;top:-"+window_height+"px}</style>")
</script>
<div id="borders" class="d-flex flex-column align-items-center" style="height:100%">
<div id="jj-header" class=""><div class="d-flex justify-content-between align-items-end">
<div><a href="http://jackjohnson.com/index.html" class="d-block px-5 pb-3"><img src="http://jackjohnson.com/media/jack-johnson-company-logo.png" alt="Jack Johnson Company" class="img-fluid" style="max-height:100px"></a></div>
<div id="jj-nav" class="ml-auto d-flex align-items-end justify-content-end mr-2"><div class="nav-parent"><a href="http://jackjohnson.com/about.html">ABOUT</a></div><div class="nav-parent"><a href="http://jackjohnson.com/land-planning.html">Our Services</a></div><div class="nav-parent"><a href="http://jackjohnson.com/portfolio.html">Portfolio</a></div></div>
</div></div>
<div id="jj-middle" class="d-flex justify-content-center">
<div id="main-content" style="height:30px;width:30px"><div>
<div id="jj-content">
<div id="designing">Designing World Destinations</div>
<div id="jj-middlecontent" class="d-flex align-items-stretch">
<div class="d-flex">
<div id="miimg pb-4" class="col-md-8 text-center p-0"><style type="text/css">img#cj-miimage {background: #FFFFFF; max-width: 100%}div#cj-zoomcontain {margin-bottom: 0px auto 50px auto; text-align: center}.zoomPad {cursor: crosshair;position:relative;display:inline-block}.zoomPreload {display: none}.zoomPup {overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #FFF; z-index:101; cursor:crosshair}.zoomOverlay {position:absolute; left:0px; top:0px; background:#FFF; z-index:1000; width:100%; height:100%; display:none; z-index:101}.zoomWindow {position:absolute; left:110%; top:40px; background:#FFF; z-index:2000; height:auto; z-index:3000; z-index:110;box-shadow:0px 0px 10px rgba(0,0,0,0.1);-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1)}.zoomWrapper {position:relative; z-index:110}.zoomWrapperImage {display:block; position:relative; overflow:hidden; z-index:110}.zoomWrapperImage img {border:0px; display:block; position:absolute; z-index:101; max-width: none}.zoomIframe{z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute; display:block}div#carouselMoreInfo .carousel-item a, div#prod_img a {display: block;text-align: center;width: 100%}div#carouselMoreInfo .carousel-item img, div#prod_img img {margin:0px auto;max-width:100%}div#carouselMoreInfo .carousel-indicators {position:relative;bottom:0px;margin-top:15px}div#carouselMoreInfo .carousel-indicators li {background-color:#EEEEEE}div#carouselMoreInfo .carousel-indicators li.active {background-color:#066043}@media screen and (max-width:768px) {body.circle div#carouselMoreInfo .carousel-indicators li,body.rounded div#carouselMoreInfo .carousel-indicators li {height:12px;max-width:12px;border-radius:50%}div#cj-zoomcontain {display: none !important}}@media screen and (min-width:768px){div#carouselMoreInfo.miZoom .carousel-inner,div#carouselMoreInfo.miZoom .carousel-control-prev,div#carouselMoreInfo.miZoom .carousel-control-next {display:none !important}div#carouselMoreInfo .carousel-indicators li {height:60px;max-width:60px;text-indent:0px;border:1px solid transparent;background-color:transparent !important}body.bordersthick div#carouselMoreInfo .carousel-indicators li {border:2px solid transparent}div#carouselMoreInfo .carousel-indicators li.active {border:1px solid #EEEEEE}body.bordersthick div#carouselMoreInfo .carousel-indicators li.active {border:2px solid #EEEEEE}div#carouselMoreInfo .carousel-indicators span {display: block;height: 100%;background-color:#FFF;background-position: center;background-size: contain;background-repeat: no-repeat}}@media screen and (max-width: 988px) {.zoomPreload, .zoomPup, .zoomOverlay, .zoomWindow, .zoomWrapper, .zoomWrapperTitle, .zoomWrapperImage, .zoomIframe{display: none !important}}</style>
<div id="prod_img"><a href="#" onclick="return miGPop('http://jackjohnson.com/media/san-miguel-01.png')"><img src="http://jackjohnson.com/media/san-miguel-01.png" alt="San Miguel" name="prod_img"></a></div>
<!-- store.zoom -->
</div><div id="miinfo" class="col-md-4 text-left pb-4 px-4 text-white">
<h1 class="h3 text-left" itemprop="name">San Miguel</h1><div id="miprdesc" itemprop="description"><p>San Miguel Resort Community, just south of Culiacan and north of Mazatlan, is a premier master-planned resort community that will provide future residents and guests with a lifestyle that is unequaled on the Pacific Coast of Mexico. San Miguel covers over 1,200 acres, with greater than two and half miles of beach frontage, that will ultimately contain up to two championship 18-hole golf courses, golf and beach clubhouses, organic farm, mixed-use village center, marina, and a variety of home types ranging from single-family detached to multi-family condominiums. </p>
<p>This project is in the early stages of design and implementation, and Jack Johnson Company will be involved until the completion of the project to ensure the quality, vision, and lifestyle are implemented to the developer's specifications.</p></div></div>
</div>
</div>
<div id="cj-mi"><div id="cj-miin" class="container">
<div id="accordion" role="tablist" aria-multiselectable="true">
</div>
</div>
</div>
<div id="jj-footer"><a href="ftp://ftp.jackjohnson.com/" target="_blank" rel="noopener">Client Login</a><a href="http://jackjohnson.com/mapleton-village-approved.html">Press Room</a><a href="http://jackjohnson.com/careers.html">Careers</a><a href="http://jackjohnson.com/contact.html">Contact Us</a></div>
</div>
</div></div>
</div></div>
<div id="miGModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="miGModal" aria-hidden="true"><div class="modal-dialog modal-lg"><div id="miGPop"><img src="http://jackjohnson.com/media/san-miguel-01.png" alt="san-miguel-01"></div></div></div><div style="position: absolute; z-index:2000"><div id="cj-miniex"></div></div>
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Oswald|Roboto"><script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://jackjohnson.com/shopsite-images/en-US/javascript/jquery/jquery.mobile.swipe.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
<script src="http://jackjohnson.com/publish/cj.js" type="text/javascript"></script>
<script type="text/javascript">$("html").removeClass("nojs")</script>
<script>ss_jQuery("#main-content").attr("style",["height:"+(window_height*0.6)+"px"])</script>
<script type="text/javascript">
function miGPop(img) {if($(window).width()>768){$("#miGPop").html("<img src=\""+img+"\">");$("#miGModal").modal()}return false}if(ss_jQuery(window).width()<768){
ss_jQuery('#accordion div.openfalse').each(function(){ss_jQuery(this).removeClass('show');ss_jQuery(this).attr('aria-expanded','false');});
}</script>
<!-- store.zoom -->
</body>
</html>