|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/nostrada/bootstrap/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>proof o concept</title>
<!--bootstrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!--my css-->
<link href="poc.css" rel="stylesheet" type="text/css">
<!--NOTE: javascript at bottom of BODY-->
</head>
<body id="poc2">
<div id="menu">
<p>Menu goes here</p>
</div>
<!-- Bootstrap is Mobile-first so we set up for smallest screen, then puish and pull for larger -->
<div class="container">
<div class="row">
<div class=" hidden-xs col-sm-4 col-md-3 col-lg-3" id="toc">
<h3>Directory of all artists</h3>
<img src="caa-artist-list.jpg" >
<p> </p>
</div>
<!--end of col 1-->
<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12" id="topper">
<img class="img-responsive center-block" src="caag_logo.jpg"
alt="caa logo"></div>
<div class="col-xs-12 hidden-sm hidden-md hidden-lg" id=" mobile-toc">
<h3>Directory of all artists</h3>
<p><a href="#">Text list goes here</a></p>
</div>
<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12" id="big-pix">
<img src="skunder.jpg" alt="picture"></div>
<!--end col 2-->
</div> <!--end ROW-->
</div> <!--end CONTAINER-->
<!--jQuery-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!--bootstrap-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>4
</body>
</html>