"Port-QuickMark"
Bootstrap 3.3.0 Snippet by shealc

<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 ----------> <p class="text-right"> <a href="http://bootsnipp.com/iframe/bpyGr" target="_blank">Best viewed full screen</a><br> <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fbootsnipp.com%2Fiframe%2FbpyGr" target="_blank"><small>HTML</small><sup>5</sup></a> </p> <div id="wrapper"> <div class="overlay"></div> <!-- Sidebar --> <nav class="navbar navbar-inverse navbar-fixed-top" id="sidebar-wrapper" role="navigation"> <ul class="nav sidebar-nav"> <li class="sidebar-brand"> <a href="#"> Jackson Pollock </a> </li> <li> <a href="#">Home</a> </li> <li> <a href="#">About</a> </li> <li> <a href="#">Artwork</a> </li> <li> <a href="#">Museums</a> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Techniques <span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li class="dropdown-header">Dropdown heading</li> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li><a href="#">Separated link</a></li> <li><a href="#">One more separated link</a></li> </ul> </li> <li> <a href="#">Buy</a> </li> <li> <a href="#">Contact</a> </li> <li> <a href="https://twitter.com/maridlcrmn">Follow Us on Twitter</a> </li> </ul> </nav> <!-- /#sidebar-wrapper --> <!-- Page content --> <div id="page-content-wrapper" class="" content="width=device-width, initial-scale=1.0"> <div class="content-header"> <h1 id="home" class=""> <a id="menu-toggle" href="#" class="btn btn-menu btn-lg toggle"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> Jackson Pollock </h1> </div> <div class="page-content inset"> <div class="row"> <div class="jumbotron text-center"> <h1 class="">Jackson Pollock</h1> <p class="">Paul Jackson Pollock (January 28, 1912 – August 11, 1956), known professionally as Jackson Pollock, was an American painter and a major figure in the abstract expressionist movement. He was well known for his unique style of drip painting.</p> <p class=""><a class="btn btn-default">Click On Me!</a> <a class="btn btn-info">Tweet Me!</a> </p> </div> </div> <div class="row"> <div class="col-md-12 well"> <legend id="anch1" class="">Brief Intro</legend> <p class="">Jackson Pollock was an influential American painter, and the leading force behind the abstract expressionist movement in the art world. During his lifetime, Pollock enjoyed considerable fame and notoriety. Jackson Pollock's greatness lies in developing one of the most radical abstract styles in the history of modern art, detaching line from color, redefining the categories of drawing and painting, and finding new means to describe pictorial space. </p> <p class="">Jackson Pollock was born in Cody, Wyoming in 1912. His father, LeRoy Pollock was a farmer and later a land surveyor for the government. Jackson Pol lock grew up in Arizona and Chico, California. During his early life, Pollock experienced Native American culture while on surveying trips with his father. Although h e never admitted an intentional imitation or following of Native American art, Jackson Pollock did concede that any similarities were probably a result of his "early memories and enthusiasms." </p> </div> <img class="img-responsive" src="http://robertweingarten.com/pollock_images/jackson-pollock5.jpg" alt="1stImg"/> <div class="col-md-12 well"> <legend id="anch2" class="">More Life</legend> <p class="">In 1929, Jackson Pollock studied at the Students' League in New York under regionalist painter, Thomas Hart Benton. During early 1930s, he worked in the Regionalist style, and was also influenced by Mexican muralist painter such as Digo Rivera, as well as by certain aspects of Surrealism - a 20th-century literary and artistic movement that attempts to express the workings of the subconscious by fantastic imagery and incongruous juxtaposition of subject matter. </p> <p class="">In November 1939, The Museum of Modern Art in New York City mounted an important Picasso exhibition entitled: Picasso: 40 Years of His Art, which contained 344 works of Pablo Picasso and his famous anti-war mural, Guernica. The exhibit led Pollock to recognize the expressive power of European modernism, which he had previously rejected in favor of American art. He began to forge a new style of semi-abstract totemic compositions, refined through obsessive reworking. </p> </div> <img class="img-responsive" src="http://www.wassily-kandinsky.org/images/jackson-pollock.jpg" alt="2ndImg"/> <div class="col-md-12 well"> <legend id="anch3" class="">After the War</legend> <p class="">In the decades following World War II, a new artistic vanguard emerged, particularly in New York, that introduced radical new directions in art. The war and its aftermath were at the underpinnings of the movement that became known as Abstract Expressionism. Jackson Pollock, among other Abstract Expressionists, anxiously aware of human irrationality and vulnerability, expressed their concerns in an abstract art that chronicled the ardor and exigencies of modern life. By the mid 1940s, Jackson Pollock introduced his famous 'drip paintings', which represent one of the most original bodies of work of the century, and forever altered the course of American art. At times the new art forms could suggest the life-force in nature itself, at others they could evoke man's entrapment - in the body, in the anxious mind, and in the newly frightening modern world. To produce in Jackson Pollock's 'action painting', most of his canvases were either set on the floor, or laid out against a wall, rather than being fixed to an easel. From there, Jackson Pollock used a style where he would allow the paint to drip from the paint can. Instead of using the traditional paint brush, he would add depth to his images using knives, trowels, or sticks. This form of painting, had similar ties to the Surreal movement, in that it had a direct relation to the artist's emotions, expression, and mood, and showcased their feeling behind the pieces they designed.</p> <p class="">In addition to the 'drip and splash' style, the All-over method of painting, is also one which is tied to Jackson Pollock, and many of the artworks he created. This art form avoids any clear and distinct points of emphasis, or any identifiable parts within the canvas being used to create the piece. The designs and images which were created using this style of painting, really had no relation to the size of the canvas that was worked on; the lack of dimensions, and disregard for size of the drawings, were some unique features which this form of art captured. Many of the pieces which Jackson Pollock created following this style, required him to trim or crop the canvas, in order for the image to fit in, and to work with the overall features of the art. </p> </div> <img class="img-responsive" src="http://thumbs.media.smithsonianmag.com//filer/Jackson-Pollock-1943-Mural-631.jpg__800x600_q85_crop.jpg" alt="3rdImg"/> <div class="col-md-12 well"> <legend id="anch4" class="">Media to Death</legend> <p class="">Pollock's radical methods and growing reputation quickly caught the attention of the mass media. In August 1949, Life magazine ran a feature story posing the question: "Jackson Pollock: Is he the greatest living painter in the United States?" The text was alternately mocking and respectful. In 1951, at the height of the artist's career, Vogue magazine published fashion photographs by Cecil Beaton of models posing in front of Pollock's drip paintings. Although this commercial recognition signaled public acceptance - and was symptomatic of mass culture's inevitable expropriation of the avant-garde - Pollock continuously questioned the direction and reception of his art. At the peak of his fame, Pollock abruptly abandoned the drip style. Pollock's work after 1951 was darker in color, including a collection painted in black on unprimed canvases. These paintings have been referred to as his 'Black pourings' and when he exhibited them at the Betty Parsons Gallery in New York, none of them sold. But later Pollock moved to a more commercial gallery by returning to using color and figurative elements.</p> <p class="">In 1960s, Jackson Pollock was viewed as one of the most important figures in the art world, and one of the innovators of the avant-garde styles that were beginning to emerge. Like many other famous figures, the issues which Jackson Pollock suffered from in his personal life, such as his strife with alcoholism, added to his "superstar" status. And, his premature death, which took place when he was killed in a car crash, also added to the legendary status which he is still known from in the art world today. </p> </div> <img class="img-responsive" src="https://s-media-cache-ak0.pinimg.com/originals/07/87/4f/07874fb9b13f7cdf007886fd6941907f.jpg" alt="4thImg"/> </div> <div class="navbar navbar-default navbar-static-bottom"> <p class="navbar-text pull-left">Info courtesy of <a href="#" target="_blank" class="">http://www.jackson-pollock.org </a> </p><a href="#" target="_blank" class=""> </a> </div><a href="#" target="_blank" class=""> </a> </div><a href="#" target="_blank" class=""> </a> </div><a href="#" target="_blank" class=""> </a> </div>
/*-------------------------------*/ /* Sidebar nav styles */ /*-------------------------------*/ .sidebar-nav { position: absolute; top: 0; width: 220px; margin: 0; padding: 0; list-style: none; } .sidebar-nav li { position: relative; line-height: 20px; display: inline-block; width: 100%; } .sidebar-nav li:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; height: 100%; width: 3px; background-color: #1c1c1c; -webkit-transition: width .2s ease-in; -moz-transition: width .2s ease-in; -ms-transition: width .2s ease-in; -o-transition: width .2s ease-in; transition: width .2s ease-in; } .sidebar-nav li:first-child a { color: #fff; background-color: #1a1a1a; } .sidebar-nav li:nth-child(2):before { background-color: #ec1b5a; } .sidebar-nav li:nth-child(3):before { background-color: #79aefe; } .sidebar-nav li:nth-child(4):before { background-color: #314190; } .sidebar-nav li:nth-child(5):before { background-color: #279636; } .sidebar-nav li:nth-child(6):before { background-color: #7d5d81; } .sidebar-nav li:nth-child(7):before { background-color: #ead24c; } .sidebar-nav li:nth-child(8):before { background-color: #2d2366; } .sidebar-nav li:nth-child(9):before { background-color: #35acdf; } .sidebar-nav li:hover:before, .sidebar-nav li.open:hover:before { width: 100%; -webkit-transition: width .2s ease-in; -moz-transition: width .2s ease-in; -ms-transition: width .2s ease-in; -o-transition: width .2s ease-in; transition: width .2s ease-in; } .sidebar-nav li a { display: block; color: #ddd; text-decoration: none; padding: 10px 15px 10px 30px; } .sidebar-nav li a:hover, .sidebar-nav li a:active, .sidebar-nav li a:focus, .sidebar-nav li.open a:hover, .sidebar-nav li.open a:active, .sidebar-nav li.open a:focus{ color: #fff; text-decoration: none; background-color: transparent; } .sidebar-nav > .sidebar-brand { height: 65px; font-size: 20px; line-height: 44px; } .sidebar-nav .dropdown-menu { position: relative; width: 100%; padding: 0; margin: 0; border-radius: 0; border: none; background-color: #222; box-shadow: none; } /*-------------------------------*/ /* Hamburger-Cross */ /*-------------------------------*/ .hamburger { position: fixed; top: 20px; z-index: 999; display: block; width: 32px; height: 32px; margin-left: 15px; background: transparent; border: none; } .hamburger:hover, .hamburger:focus, .hamburger:active { outline: none; } .hamburger.is-closed:before { content: ''; display: block; width: 100px; font-size: 14px; color: #fff; line-height: 32px; text-align: center; opacity: 0; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -webkit-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; } .hamburger.is-closed:hover:before { opacity: 1; display: block; -webkit-transform: translate3d(-100px,0,0); -moz-transform: translate3d(-100px,0,0); -o-transform: translate3d(-100px,0,0); -ms-transform: translate3d(-100px,0,0); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; } .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom { position: absolute; left: 0; height: 4px; width: 100%; } .hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom { background-color: #1a1a1a; } .hamburger.is-closed .hamb-top { top: 5px; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; } .hamburger.is-closed .hamb-middle { top: 50%; margin-top: -2px; } #wrapper { padding-left: 250px; padding-right: 7%; transition: all 0.4s ease 0s; } #sidebar-wrapper { margin-left: -250px; left: 250px; width: 250px; background: #000; position: fixed; height: 100%; overflow-y: auto; z-index: 1000; transition: all 0.4s ease 0s; } #wrapper.active { padding-left: 0; } #wrapper.active #sidebar-wrapper { left: 0; } #page-content-wrapper { width: 100%; } #page-content-wrapper { margin-left: 5%; margin-right: 5%; } } }

Related: See More


Questions / Comments: