"IM415 Artist Home Page"
Bootstrap 3.3.0 Snippet by eurekaliza

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <header> <img id="headerpic" src="https://i.ytimg.com/vi/OMKnuhNe3Pc/maxresdefault.jpg" alt=""> <a href="index.html"> </a> </header> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li class="active"><a href="index.html">Home</a></li> <li><a href="#">Prints</a></li> <li><a href="#">Original Art</a></li> <li><a href="#">Shop</a></li> <li><a href="#">About Margaret</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> </div> </nav> <p class="text-right"> <a href="http://bootsnipp.com/iframe/2nmGQ" target="_blank">Best viewed full screen</a><br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2F2nmGQ" target="_blank"><small>HTML</small><sup>5</sup></a> </p> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> <li data-target="#myCarousel" data-slide-to="3"></li> </ol> <!-- Wrapper for slides --> <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="https://www.keane-eyes.com/wp-content/uploads/2014/09/Black-Lavender.jpg " alt="painting"> <div class="carousel-caption"> <h2>Black Lavender</h2> <p>Painting, oil on canvas</p> </div> </div> <div class="item"> <img src="https://www.keane-eyes.com/wp-content/uploads/2016/09/Kala-copy.jpg" alt="painting"> <div class="carousel-caption"> <h2>Kala</h2> <p>Painting, oil on canvas</p> </div> </div> <div class="item"> <img src="https://www.keane-eyes.com/wp-content/uploads/2016/09/MY-PATH-OTWARDS-SPRING-copy.jpg" alt="painting"> <div class="carousel-caption"> <h2>My path towards spring.</h2> <p>Painting, acrylic and gold leaf.</p> </div> </div> <div class="item"> <img src="https://www.keane-eyes.com/wp-content/uploads/2016/09/Girl-and-Mirror-copy.jpg" alt="painting"> <div class="carousel-caption"> <h2>Mirror Mirror</h2> <p>Painting, oil and gold leaf on canvas.</p> </div> </div> </div> <!-- Left and right controls --> <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <section id="main"> <div class="row"> <div class="col-md-12 content"> <h1>Margaret Keane</h1> <div class="about"> <div class="col-md-12 image"> <img class="img-responsive" src="http://keane-eyes.com/wp-content/uploads/2014/09/Margaret.jpg" alt="Margaret Keane"> </div> <div class="col-md-8 text"> <p>CREATOR OF “KEANE EYES” ALSO REFERRED TO AS “BIG EYED WAIFS.” SHE HAS BEEN PAINTING SUCCESSFULLY FOR MORE THAN SIXTY (60) YEARS. Born in 1927 in Nashville, Tennessee, Margaret has always loved to paint and draw since an early age. She first made her paintings famous in San Francisco’s North Beach in the 1950s. Margaret’s work drew little accolades from art critics but was loved and admired by the world. Andy Warhol said, “I think what Keane has done is terrific! If it were bad, so many people wouldn’t like it.” Margaret went on to become one of the most successful living artist in the early 60s. Margaret’s art gained wide favor and started a big-eyed movement in the early 60s, influencing a large crop of big-eyed artist such as Lee, Gig, Maio, Ozz Franca, Igor Pantuhoff, and Eve. Margaret has created a legacy of Big Eyes influencing many toy designs and cartoons, such as Little Miss No Name Dolls, Blythe dolls the cartoon Powerpuff Girls, created by Craig McCracken. And more recently numerous illustrators, New Contemporary and Pop Surrealism artist such as, Yoshitomo Nara, Mark Ryden, and Tim Burton. One of Margaret’s favorite artist is Amedeo Modigliani, and His art has had a major influence in the way she’s painted women since circa 1959. Throughout the years Margaret has also been influenced by Van Gogh, Henri Rousseau, Leonardo da Vinci, Gustav Klimt, Edgar Degas, Picasso, Sandro Botticelli and Paul Gauguin. Each of these artist have influenced Margaret’s use of color, dimension and composition. Along with these great and awe inspiring artist, Margaret’s own creative genius of Big Eyes and women has continued to influence and inspire countless artist today. Adored by fans and collectors Worldwide, at 87 years old, Margaret continues to paint almost daily in Northern California. Margaret is one of the most prolific and influential artist ever, and is an American Icon and Modern Master. Enjoy over 60 years of timeless art as you browse our website and experience Margaret’s labor of love.</p> </div> </div> </div> </div> </section> <footer> <div class="text-center center-block"> <p class="txt-railway">Elizabeth © 2016</p> </div> </footer>
@font-face { font-family: 'CaviarDreams'; src: url('fonts/CaviarDreams.ttf'); font-weight: normal; font-style: normal; } .container { background: #fff; } .navbar { background-color: #fff; border: 1px solid #e7e7e7; font-family: 'CaviarDreams'; } .nav { display: table; height: 50px; width: 100%; } .nav li { display: table-cell; height: 50px; width: 16.666666667%; /* (100 / numItems)% */ line-height: 50px; text-align: center; border-right: 1px solid #fff; white-space: nowrap; } li a { color: #000; font-size: 14pt; border: 1px solid #000; } p { padding-left:50%; } #headerpic { width:99.99%; } .carousel-indicators { bottom: 0; color: #e8e; } .btn { -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family: Arial; color: transparent; font-size: 12px; background: transparent; padding: 4px 9px 4px 9px; border: solid #cccccc 2px; text-decoration: none; } .btn:hover { background: #ffffff; background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); background-image: -moz-linear-gradient(top, #ffffff, #ffffff); background-image: -ms-linear-gradient(top, #ffffff, #ffffff); background-image: -o-linear-gradient(top, #ffffff, #ffffff); background-image: linear-gradient(to bottom, #ffffff, #ffffff); text-decoration: none; } .img-responsive { width:100%; margin: 2%; } .col-md-12 content { margin: auto; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; margin: auto; } footer { position: fixed; bottom: 0; width: 100%; }

Related: See More


Questions / Comments: