Modules are content blocks built up of atoms.
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<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>
<a class="navbar-brand h5" href="#">My Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav> <nav class="navbar navbar-default navbar-main navbar-with-columns">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-inverted1" 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>
<a class="visible-xs navbar-brand" href="/">
<img class="navbar-brand-logo-gt" src="/images/styleguide-required/gt-logo.svg" alt="Generation Tux Logo">
</a>
</div>
</div><!--/col-->
</div><!--/row-->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-inverted1">
<div class="row">
<div class="col-sm-2 col-lg-1">
<a class="hidden-xs navbar-brand navbar-brand-gt" href="/">
<img class="navbar-brand-logo-gt" src="/images/styleguide-required/gt-logo.svg" alt="Generation Tux Logo">
<img class="navbar-brand-logo-full" src="/images/styleguide-required/generationtux-logo.svg" alt="Generation Tux Logo">
</a>
</div><!-- /col -->
<div class="col-sm-10 col-lg-4 col-lg-push-7">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle h5" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">My Events <span class="badge">2</span> </a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle h5" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Patrick Hill <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /col -->
<div class="col-md-12 col-lg-7 col-lg-pull-4">
<ul class="nav navbar-nav main-nav-items main-nav-items-offset">
<li class="active"><a href="#" class="h5">Collection <span class="sr-only">(current)</span></a></li>
<li><a href="#" class="h5">How It Works</a></li>
<li><a href="#" class="h5">Help</a></li>
<li>
<form class="navbar-form navbar-form-search ml-sm-2">
<input type="text" class="form-control">
<button class="btn btn-link"><span class="glyphicon glyphicon-search"></span></button>
</form>
</li>
</ul>
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<nav class="navbar navbar-default navbar-main navbar-with-columns">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-with-subpages" 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>
<a class="visible-xs navbar-brand" href="/">
<img class="navbar-brand-logo-gt" src="/images/styleguide-required/gt-logo.svg" alt="Generation Tux Logo">
</a>
</div>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-with-subpages">
<div class="row">
<div class="col-sm-2 col-lg-1">
<a class="hidden-xs navbar-brand navbar-brand-gt" href="/">
<img class="navbar-brand-logo-gt" src="/images/styleguide-required/gt-logo.svg" alt="Generation Tux Logo">
<img class="navbar-brand-logo-full" src="/images/styleguide-required/generationtux-logo.svg" alt="Generation Tux Logo">
</a>
</div><!-- /col -->
<div class="col-sm-10 col-md-4 col-md-push-6 col-lg-4 col-lg-push-7">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle h5" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">My Events <span class="badge">2</span> </a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle h5" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Patrick Hill <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /col -->
<div class="col-sm-12 col-md-6 col-md-pull-4 col-lg-7 col-lg-pull-4">
<ul class="nav navbar-nav main-nav-items main-nav-items-offset-sm">
<li class="active"><a href="#" class="h5">Collection <span class="sr-only">(current)</span></a></li>
<li><a href="#" class="h5">How It Works</a></li>
<li><a href="#" class="h5">Help</a></li>
<li><a href="#" class="h5"><span class="glyphicon glyphicon-search"></span></a></li>
</ul>
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<nav class="navbar navbar-default navbar-sub navbar-with-columns">
<div class="container-fluid">
<span class="btn btn-hollow-default collapsed visible-xs mt-3 mb-3" data-toggle="collapse" data-target="#bs-example-navbar-collapse-subnav-inverted" aria-expanded="false">
Collection
<span class="caret"></span>
</span>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-subnav-inverted">
<div class="row">
<div class="col-sm-12 col-md-10 col-md-offset-2 col-lg-11 col-lg-offset-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#" class="small">Tuxedoes & Suits</a></li>
<li><a href="#" class="small">Shirts</a></li>
<li><a href="#" class="small">Vests & Cummerbunds</a></li>
<li><a href="#" class="small">Ties</a></li>
<li><a href="#" class="small">Accessories</a></li>
<li><a href="#" class="small">Shoes & Socks</a></li>
</ul>
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<div class="bg-gray-lighter">
<section
class="
container-fluid
bg-offset-base bg-offset-leftbottom-5-2
pt-4 pt-md-5
pb-4 pb-sm-5 pb-lg-6
">
<div class="row align-vertical">
<div class="col-sm-8 col-md-5 col-lg-4 col-lg-offset-1">
<img class="shadow-level-4 img-responsive" src="https://media.gentux.com/afBxlPasNQvg2@kaysWHap9MTPcj">
</div>
<div class="col-sm-12 col-md-7 col-lg-6 pl-lg-5">
<h1 class="domd mb-3">
<div class="h4 mt-4 mt-sm-0 mb-1">Lorem ipsum dolor</div>
Typi non habent claritatem
</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
<p>
<a class="btn btn-primary">Start Shopping</a>
</p>
</div><!-- /col -->
</div><!-- /row -->
</section>
</div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<div class="bg-gray-lighter">
<section
class="
container-fluid
pt-4 pt-md-5
pb-5 pb-sm-5 pb-lg-6
">
<div class="row align-vertical">
<div class="col-sm-11 col-sm-offset-1 col-md-8">
<h1 class="domd mb-3">
<div class="h4 mt-4 mt-sm-0 mb-1">Lorem ipsum dolor</div>
Typi non habent claritatem
</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p>
<p>
<a class="btn btn-primary">Start Shopping</a>
</p>
</div><!-- /col -->
</div><!-- /row -->
</section>
</div>
Look your best in our retail quality fabrics that are lightweight and breathable. Plus, we have a wide selection of styles and over 200+ accessories.
<div class="container-fluid
pt-5 pt-md-6
pb-5 pb-md-6
">
<div class="row align-vertical">
<div class="col-sm-6 col-sm-push-6 text-center">
<img class="shadow-level-4 img-responsive" src="https://media.gentux.com/afBxlPasNQvg2@kaysWHap9MTPcj">
</div><!-- /col -->
<div class="col-sm-4 col-sm-pull-5">
<h2 class="h3 mt-4 mt-sm-3">Highest Quality Fabrics</h2>
<p>
Look your best in our retail quality fabrics that are lightweight and breathable. Plus, we have a wide selection of styles and over 200+ accessories.
</p>
<p>
<a class="btn btn-primary">Call to Action</a>
</p>
</div><!-- /col -->
</div><!-- /row -->
</div>
Look your best in our retail quality fabrics that are lightweight and breathable. Plus, we have a wide selection of styles and over 200+ accessories.
<div class="container-fluid
pt-5 pt-md-6
pb-5 pb-md-6
">
<div class="row align-vertical">
<div class="col-sm-6 text-center">
<img class="shadow-level-4 img-responsive" src="https://media.gentux.com/afBxlPasNQvg2@kaysWHap9MTPcj">
</div><!-- /col -->
<div class="col-sm-4 col-sm-offset-1">
<h2 class="h3 mt-4 mt-sm-3">Highest Quality Fabrics</h2>
<p>
Look your best in our retail quality fabrics that are lightweight and breathable. Plus, we have a wide selection of styles and over 200+ accessories.
</p>
<p>
<a class="btn btn-primary">Call to Action</a>
</p>
</div><!-- /col -->
</div><!-- /row -->
</div> Look your best in our retail quality fabrics that are lightweight and breathable. Plus, we have a wide selection of styles and over 200+ accessories.
<div class="container-fluid
pt-5 pt-md-6
pb-5 pb-md-6
">
<div class="row align-vertical">
<div class="
col-sm-8 col-sm-offset-2
col-lg-6 col-lg-offset-3
">
<img class="shadow-level-4 img-responsive" src="https://media.gentux.com/afBxlPasNQvg2@kaysWHap9MTPcj">
<h2 class="h3 mt-4 mb-2">Highest Quality Fabrics</h2>
<p>
Look your best in our retail quality fabrics that are lightweight and breathable. Plus, we have a wide selection of styles and over 200+ accessories.
</p>
<p>
<a class="btn btn-primary">Call to Action</a>
</p>
</div><!-- /col -->
</div><!-- /row -->
</div> Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
<div class="container-fluid">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-theme-accordion">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<span class="plus-icon"></span>
Collapsible Group Item #1
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
<p>
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<div class="panel panel-theme-accordion">
<div class="panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<span class="plus-icon"></span>
Collapsible Group Item #2
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
<p>
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
<div class="panel panel-theme-accordion">
<div class="panel-heading" role="tab" id="headingThree">
<h4 class="panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<span class="plus-icon"></span>
Collapsible Group Item #3
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<p>
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</p>
</div>
</div>
</div>
</div>
</div><!-- /container --> Here in the 21st century, the modern man need never compromise.George Zimmer
<div class="container-fluid">
<blockquote class="my-4">
<q class="h3 domd readable-line mb-3">Here in the 21st century, the modern man need never compromise.</q>
<cite class="text-right small">George Zimmer</cite>
</blockquote>
</div><!-- /container -->
<div class="container-fluid mt-4 mb-4">
<ol class="breadcrumb">
<li class="h1 h5 uppercase"><a href="#">Gentux</a></li>
<li class="small"><a href="#">Collection</a></li>
<li class="active small">Tuxedos & Suits</li>
</ol>
</div><!-- /container --> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
<div class="container-fluid">
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Launch demo modal
</button>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: block;position: relative;overflow: visible;z-index: 0;">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</div> <div class="container-fluid">
<div class="panel panel-default">
<div class="panel-heading">Panel heading without title</div>
<div class="panel-body">
Panel content
</div>
</div>
</div> When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable event.
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable event.
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable event.
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable event.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable event.
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
This is the item description
This is the item description
This is the item description
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
<div class="container-fluid py-5">
<div class="row">
<div class="col-sm-8 col-sm-offset-1">
<h1 class="context--copy">
<div class="h4 mb-1">Our Story</div>
<div class="domd readable-line">It's Time To Reboot The Black Tie Experience</div>
</h1>
</div>
</div>
<div class="row">
<div class="col-sm-10 col-sm-offset-1 col-lg-8 col-lg-offset-2 body-copy">
<h2 class="context--copy">Section Title - Headline Level Two</h2>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<p>
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable
event.
</p>
<p>
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
</p>
<h3 class="context--copy"> Sub Section Headline H3</h3>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<h4 class="context--copy"> Sub Sub Section Headline H4</h4>
<p>
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable
event.
</p>
<p>
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
</p>
<h5 class="context--copy"> Sub Sub Section Headline H5</h5>
<p>
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable
event.
</p>
<h6 class="context--copy uppercase"> Sub Sub Section Headline H6</h6>
<p>
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
</p>
<h3 class="context--copy"> This is a longer H3 Sub Section headline that will stretch a little further</h3>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<p>
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable
event.
</p>
<ul>
<li>Ut wisi enim ad minim veniam, quis nostrud exerci tation</li>
<li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit</li>
</ul>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi.
</p>
<h2 class="context--copy uppercase">New Headline Level 2</h2>
<h3 class="context--copy"> Sub Section Headline H3</h3>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<p>
<img class="context--copy copy-block img-responsive" src="http://placehold.it/900x300">
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi.
</p>
<ul>
<li>Ut wisi enim ad minim veniam, quis nostrud exerci tation</li>
<li>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit</li>
</ul>
<p><img class="context--copy copy-block img-responsive" src="http://placehold.it/900x300"></p>
<h3 class="context--copy"> Sub Section Headline H3</h3>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<div class="row">
<div class="col-sm-4">
<img class="context--copy img-responsive" src="http://placehold.it/300">
</div>
<div class="col-sm-8">
<h4 class="context--copy">Section Title - Headline Level Two</h4>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<p>
At Generation Tux, we believe your entire black tie experience should be worthy of the special day you need us for. We’re the first company to dedicate itself to overhauling and improving every aspect of making sure you look amazing for your memorable
event.
</p>
<p>
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
</p>
</div>
</div>
<p>
When it comes to the traditional brick-and-mortar, laminated-catalog, outdated-inventory, advertise-low-and-get-upsold-in-the-store tuxedo rental experience, we are seriously questioning the status quo. And you should too.
</p>
<h2 class="context--copy uppercase text-center">New Section</h2>
<p class="text-center">
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
</p>
<div class="row">
<div class="col-sm-4 text-center">
<img class="mt-4 mb-3 text-center img-responsive" src="http://placehold.it/100">
<h5 class="uppercase">Foobar</h5>
<p> This is the item description</p>
</div>
<div class="col-sm-4 text-center">
<img class="mt-4 mb-3 text-center img-responsive" src="http://placehold.it/100">
<h5 class="uppercase">Foobar</h5>
<p> This is the item description</p>
</div>
<div class="col-sm-4 text-center">
<img class="mt-4 mb-3 text-center img-responsive" src="http://placehold.it/100">
<h5 class="uppercase">Foobar</h5>
<p> This is the item description</p>
</div>
</div>
<h3 class="context--copy">Section </h3>
<p>
Inspired by our visionary founder, George Zimmer, we are a collective of experienced, open-minded, and forward-thinking fashion lovers, engineering geeks,and digital junkies who understand that when you look great, you feel awesome—and then joy happens.
</p>
</div>
</div>
</div><!-- /container --> Created by the design team at Generation Tux. Visit us on Dribbble.