LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

User-Affected Layouts

Give the user some power over the layout and let them
kill the hero slider
hover over slider » kill it » refresh

Lorem ipsum dolor

Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail.

Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail.

Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail.

Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail.

Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail. Bacon ipsum dolor sit amet salami short ribs shank, ribeye tri-tip pig boudin hamburger shankle meatloaf filet mignon. Boudin pork rump capicola ham hamburger. Landjaeger pork belly boudin kielbasa tail sausage. Bacon pork pancetta strip steak beef tongue drumstick ham cow rump tri-tip salami flank jerky. Prosciutto pork chuck tail. Chicken turkey swine frankfurter pork chop. Capicola frankfurter sausage swine, shankle chuck sirloin tail.

CSS
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");
@import url("//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css");
.slider-wrapper {
  display: none;
}

.kill-slider:before {
  position: absolute;
  top: -1.25em;
  right: -1em;
  font-family: Fontawesome;
  font-size: 1.9em;
  content: '\f057';
  color: #000;
  z-index: 9999;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.flexslider:hover .kill-slider:before {
  right: 10px;
  top: 0px;
  opacity: 1;
}

/* demo styles */
body {
  text-align: center;
  color: #fff;
  margin: 0px;
}

section {
  padding: 1.3em;
  background: #8b1241;
}
section p {
  font-size: 1.3em;
}
section h1, section h2 {
  margin-top: 0px;
}
section p span {
  background: #fff;
  color: #b81856;
  padding: 0 .3em;
  border-radius: .3em;
}
section.slider-wrapper {
  background: #b81856;
}
section:last-of-type {
  background: #5e0c2c;
}

.kill-slider {
  text-decoration: none;
}

.slider-wrapper {
  padding-bottom: 3.125em;
}

.flexslider {
  max-width: 75em;
  margin: 0px auto;
  position: relative;
  padding-top: 1em;
}

.flexslider:hover .flex-prev {
  left: -1.8em;
}

.flexslider:hover .flex-next {
  right: -1.8em;
}

Description

User-Affected Layouts is a concept of empowering the user, when appropriate, letting them have some control over their experience. View in full page.
Term
Mon, 11/27/2017 - 21:30

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv