Official Auburn Responsive Template

Note - I have updated the default stylesheet to do @2x image replacement for hi-res screens, specifically the header, footer, and social media images.

Feel free to use this "Boostrap 3.0.0"-based template for your own web designs. To help user speeds, remember to point to the Bootstrap, jQuery, Font Awesome, & Auburn CDNs and this copy of default.min.css/js. Any changes to the template should be done if your local copy of the assests directory. If something should be added to the master default.min.css/js let me know and I'll add it.

If you need help with implementation, please refer to the Boostrap documentation. If you need help after that, send me an email to webmaster@auburn.edu.

Thanks,
Seth Humphrey

One Template to Rule Them All

  • To remove the sidebar, leave the contents of <div class="sidebar-content"></div> empty (white-space is fine).
  • To make the page 100% width, change the class of <body><div class="container"> to <body><div class="container2">.
  • To make the sidebar white, like this page, add the class "sidebar-white"
    <div id="sidebar" class="col-sm-3 sidebar sidebar-white">

Official Documentation

Examples

To Do List

  • Create homepage stylesheet
  • icon-glass
    (&#xf000;)
  • icon-music
    (&#xf001;)
  • icon-search
    (&#xf002;)
  • icon-envelope-alt
    (&#xf003;)
  • icon-heart
    (&#xf004;)
  • icon-star
    (&#xf005;)
  • icon-star-empty
    (&#xf006;)
  • icon-user
    (&#xf007;)
  • icon-film
    (&#xf008;)
  • icon-th-large
    (&#xf009;)
  • icon-th
    (&#xf00a;)
  • icon-th-list
    (&#xf00b;)
  • icon-ok
    (&#xf00c;)
  • icon-remove
    (&#xf00d;)
  • icon-zoom-in
    (&#xf00e;)
  • icon-zoom-out
    (&#xf010;)
  • icon-off
    (&#xf011;)
  • icon-signal
    (&#xf012;)
  • icon-cog
    (&#xf013;)
  • icon-trash
    (&#xf014;)
  • icon-home
    (&#xf015;)
  • icon-file-alt
    (&#xf016;)
  • icon-time
    (&#xf017;)
  • icon-road
    (&#xf018;)
  • icon-download-alt
    (&#xf019;)
  • icon-download
    (&#xf01a;)
  • icon-upload
    (&#xf01b;)
  • icon-inbox
    (&#xf01c;)
  • icon-play-circle
    (&#xf01d;)
  • icon-repeat
    (&#xf01e;)
  • icon-refresh
    (&#xf021;)
  • icon-list-alt
    (&#xf022;)
  • icon-lock
    (&#xf023;)
  • icon-flag
    (&#xf024;)
  • icon-headphones
    (&#xf025;)
  • icon-volume-off
    (&#xf026;)
  • icon-volume-down
    (&#xf027;)
  • icon-volume-up
    (&#xf028;)
  • icon-qrcode
    (&#xf029;)
  • icon-barcode
    (&#xf02a;)
  • icon-tag
    (&#xf02b;)
  • icon-tags
    (&#xf02c;)
  • icon-book
    (&#xf02d;)
  • icon-bookmark
    (&#xf02e;)
  • icon-print
    (&#xf02f;)
  • icon-camera
    (&#xf030;)
  • icon-font
    (&#xf031;)
  • icon-bold
    (&#xf032;)
  • icon-italic
    (&#xf033;)
  • icon-text-height
    (&#xf034;)
  • icon-text-width
    (&#xf035;)
  • icon-align-left
    (&#xf036;)
  • icon-align-center
    (&#xf037;)
  • icon-align-right
    (&#xf038;)
  • icon-align-justify
    (&#xf039;)
  • icon-list
    (&#xf03a;)
  • icon-indent-left
    (&#xf03b;)
  • icon-indent-right
    (&#xf03c;)
  • icon-facetime-video
    (&#xf03d;)
  • icon-picture
    (&#xf03e;)
  • icon-pencil
    (&#xf040;)
  • icon-map-marker
    (&#xf041;)
  • icon-adjust
    (&#xf042;)
  • icon-tint
    (&#xf043;)
  • icon-edit
    (&#xf044;)
  • icon-share
    (&#xf045;)
  • icon-check
    (&#xf046;)
  • icon-move
    (&#xf047;)
  • icon-step-backward
    (&#xf048;)
  • icon-fast-backward
    (&#xf049;)
  • icon-backward
    (&#xf04a;)
  • icon-play
    (&#xf04b;)
  • icon-pause
    (&#xf04c;)
  • icon-stop
    (&#xf04d;)
  • icon-forward
    (&#xf04e;)
  • icon-fast-forward
    (&#xf050;)
  • icon-step-forward
    (&#xf051;)
  • icon-eject
    (&#xf052;)
  • icon-chevron-left
    (&#xf053;)
  • icon-chevron-right
    (&#xf054;)
  • icon-plus-sign
    (&#xf055;)
  • icon-minus-sign
    (&#xf056;)
  • icon-remove-sign
    (&#xf057;)
  • icon-ok-sign
    (&#xf058;)
  • icon-question-sign
    (&#xf059;)
  • icon-info-sign
    (&#xf05a;)
  • icon-screenshot
    (&#xf05b;)
  • icon-remove-circle
    (&#xf05c;)
  • icon-ok-circle
    (&#xf05d;)
  • icon-ban-circle
    (&#xf05e;)
  • icon-arrow-left
    (&#xf060;)
  • icon-arrow-right
    (&#xf061;)
  • icon-arrow-up
    (&#xf062;)
  • icon-arrow-down
    (&#xf063;)
  • icon-share-alt
    (&#xf064;)
  • icon-resize-full
    (&#xf065;)
  • icon-resize-small
    (&#xf066;)
  • icon-plus
    (&#xf067;)
  • icon-minus
    (&#xf068;)
  • icon-asterisk
    (&#xf069;)
  • icon-exclamation-sign
    (&#xf06a;)
  • icon-gift
    (&#xf06b;)
  • icon-leaf
    (&#xf06c;)
  • icon-fire
    (&#xf06d;)
  • icon-eye-open
    (&#xf06e;)
  • icon-eye-close
    (&#xf070;)
  • icon-warning-sign
    (&#xf071;)
  • icon-plane
    (&#xf072;)
  • icon-calendar
    (&#xf073;)
  • icon-random
    (&#xf074;)
  • icon-comment
    (&#xf075;)
  • icon-magnet
    (&#xf076;)
  • icon-chevron-up
    (&#xf077;)
  • icon-chevron-down
    (&#xf078;)
  • icon-retweet
    (&#xf079;)
  • icon-shopping-cart
    (&#xf07a;)
  • icon-folder-close
    (&#xf07b;)
  • icon-folder-open
    (&#xf07c;)
  • icon-resize-vertical
    (&#xf07d;)
  • icon-resize-horizontal
    (&#xf07e;)
  • icon-bar-chart
    (&#xf080;)
  • icon-twitter-sign
    (&#xf081;)
  • icon-facebook-sign
    (&#xf082;)
  • icon-camera-retro
    (&#xf083;)
  • icon-key
    (&#xf084;)
  • icon-cogs
    (&#xf085;)
  • icon-comments
    (&#xf086;)
  • icon-thumbs-up-alt
    (&#xf087;)
  • icon-thumbs-down-alt
    (&#xf088;)
  • icon-star-half
    (&#xf089;)
  • icon-heart-empty
    (&#xf08a;)
  • icon-signout
    (&#xf08b;)
  • icon-linkedin-sign
    (&#xf08c;)
  • icon-pushpin
    (&#xf08d;)
  • icon-external-link
    (&#xf08e;)
  • icon-signin
    (&#xf090;)
  • icon-trophy
    (&#xf091;)
  • icon-github-sign
    (&#xf092;)
  • icon-upload-alt
    (&#xf093;)
  • icon-lemon
    (&#xf094;)
  • icon-phone
    (&#xf095;)
  • icon-check-empty
    (&#xf096;)
  • icon-bookmark-empty
    (&#xf097;)
  • icon-phone-sign
    (&#xf098;)
  • icon-twitter
    (&#xf099;)
  • icon-facebook
    (&#xf09a;)
  • icon-github
    (&#xf09b;)
  • icon-unlock
    (&#xf09c;)
  • icon-credit-card
    (&#xf09d;)
  • icon-rss
    (&#xf09e;)
  • icon-hdd
    (&#xf0a0;)
  • icon-bullhorn
    (&#xf0a1;)
  • icon-bell
    (&#xf0a2;)
  • icon-certificate
    (&#xf0a3;)
  • icon-hand-right
    (&#xf0a4;)
  • icon-hand-left
    (&#xf0a5;)
  • icon-hand-up
    (&#xf0a6;)
  • icon-hand-down
    (&#xf0a7;)
  • icon-circle-arrow-left
    (&#xf0a8;)
  • icon-circle-arrow-right
    (&#xf0a9;)
  • icon-circle-arrow-up
    (&#xf0aa;)
  • icon-circle-arrow-down
    (&#xf0ab;)
  • icon-globe
    (&#xf0ac;)
  • icon-wrench
    (&#xf0ad;)
  • icon-tasks
    (&#xf0ae;)
  • icon-filter
    (&#xf0b0;)
  • icon-briefcase
    (&#xf0b1;)
  • icon-fullscreen
    (&#xf0b2;)
  • icon-group
    (&#xf0c0;)
  • icon-link
    (&#xf0c1;)
  • icon-cloud
    (&#xf0c2;)
  • icon-beaker
    (&#xf0c3;)
  • icon-cut
    (&#xf0c4;)
  • icon-copy
    (&#xf0c5;)
  • icon-paper-clip
    (&#xf0c6;)
  • icon-save
    (&#xf0c7;)
  • icon-sign-blank
    (&#xf0c8;)
  • icon-reorder
    (&#xf0c9;)
  • icon-list-ul
    (&#xf0ca;)
  • icon-list-ol
    (&#xf0cb;)
  • icon-strikethrough
    (&#xf0cc;)
  • icon-underline
    (&#xf0cd;)
  • icon-table
    (&#xf0ce;)
  • icon-magic
    (&#xf0d0;)
  • icon-truck
    (&#xf0d1;)
  • icon-pinterest
    (&#xf0d2;)
  • icon-pinterest-sign
    (&#xf0d3;)
  • icon-google-plus-sign
    (&#xf0d4;)
  • icon-google-plus
    (&#xf0d5;)
  • icon-money
    (&#xf0d6;)
  • icon-caret-down
    (&#xf0d7;)
  • icon-caret-up
    (&#xf0d8;)
  • icon-caret-left
    (&#xf0d9;)
  • icon-caret-right
    (&#xf0da;)
  • icon-columns
    (&#xf0db;)
  • icon-sort
    (&#xf0dc;)
  • icon-sort-down
    (&#xf0dd;)
  • icon-sort-up
    (&#xf0de;)
  • icon-envelope
    (&#xf0e0;)
  • icon-linkedin
    (&#xf0e1;)
  • icon-undo
    (&#xf0e2;)
  • icon-legal
    (&#xf0e3;)
  • icon-dashboard
    (&#xf0e4;)
  • icon-comment-alt
    (&#xf0e5;)
  • icon-comments-alt
    (&#xf0e6;)
  • icon-bolt
    (&#xf0e7;)
  • icon-sitemap
    (&#xf0e8;)
  • icon-umbrella
    (&#xf0e9;)
  • icon-paste
    (&#xf0ea;)
  • icon-lightbulb
    (&#xf0eb;)
  • icon-exchange
    (&#xf0ec;)
  • icon-cloud-download
    (&#xf0ed;)
  • icon-cloud-upload
    (&#xf0ee;)
  • icon-user-md
    (&#xf0f0;)
  • icon-stethoscope
    (&#xf0f1;)
  • icon-suitcase
    (&#xf0f2;)
  • icon-bell-alt
    (&#xf0f3;)
  • icon-coffee
    (&#xf0f4;)
  • icon-food
    (&#xf0f5;)
  • icon-file-text-alt
    (&#xf0f6;)
  • icon-building
    (&#xf0f7;)
  • icon-hospital
    (&#xf0f8;)
  • icon-ambulance
    (&#xf0f9;)
  • icon-medkit
    (&#xf0fa;)
  • icon-fighter-jet
    (&#xf0fb;)
  • icon-beer
    (&#xf0fc;)
  • icon-h-sign
    (&#xf0fd;)
  • icon-plus-sign-alt
    (&#xf0fe;)
  • icon-double-angle-left
    (&#xf100;)
  • icon-double-angle-right
    (&#xf101;)
  • icon-double-angle-up
    (&#xf102;)
  • icon-double-angle-down
    (&#xf103;)
  • icon-angle-left
    (&#xf104;)
  • icon-angle-right
    (&#xf105;)
  • icon-angle-up
    (&#xf106;)
  • icon-angle-down
    (&#xf107;)
  • icon-desktop
    (&#xf108;)
  • icon-laptop
    (&#xf109;)
  • icon-tablet
    (&#xf10a;)
  • icon-mobile-phone
    (&#xf10b;)
  • icon-circle-blank
    (&#xf10c;)
  • icon-quote-left
    (&#xf10d;)
  • icon-quote-right
    (&#xf10e;)
  • icon-spinner
    (&#xf110;)
  • icon-circle
    (&#xf111;)
  • icon-reply
    (&#xf112;)
  • icon-github-alt
    (&#xf113;)
  • icon-folder-close-alt
    (&#xf114;)
  • icon-folder-open-alt
    (&#xf115;)
  • icon-expand-alt
    (&#xf116;)
  • icon-collapse-alt
    (&#xf117;)
  • icon-smile
    (&#xf118;)
  • icon-frown
    (&#xf119;)
  • icon-meh
    (&#xf11a;)
  • icon-gamepad
    (&#xf11b;)
  • icon-keyboard
    (&#xf11c;)
  • icon-flag-alt
    (&#xf11d;)
  • icon-flag-checkered
    (&#xf11e;)
  • icon-terminal
    (&#xf120;)
  • icon-code
    (&#xf121;)
  • icon-reply-all
    (&#xf122;)
  • icon-mail-reply-all
    (&#xf122;)
  • icon-star-half-empty
    (&#xf123;)
  • icon-location-arrow
    (&#xf124;)
  • icon-crop
    (&#xf125;)
  • icon-code-fork
    (&#xf126;)
  • icon-unlink
    (&#xf127;)
  • icon-question
    (&#xf128;)
  • icon-info
    (&#xf129;)
  • icon-exclamation
    (&#xf12a;)
  • icon-superscript
    (&#xf12b;)
  • icon-subscript
    (&#xf12c;)
  • icon-eraser
    (&#xf12d;)
  • icon-puzzle-piece
    (&#xf12e;)
  • icon-microphone
    (&#xf130;)
  • icon-microphone-off
    (&#xf131;)
  • icon-shield
    (&#xf132;)
  • icon-calendar-empty
    (&#xf133;)
  • icon-fire-extinguisher
    (&#xf134;)
  • icon-rocket
    (&#xf135;)
  • icon-maxcdn
    (&#xf136;)
  • icon-chevron-sign-left
    (&#xf137;)
  • icon-chevron-sign-right
    (&#xf138;)
  • icon-chevron-sign-up
    (&#xf139;)
  • icon-chevron-sign-down
    (&#xf13a;)
  • icon-html5
    (&#xf13b;)
  • icon-css3
    (&#xf13c;)
  • icon-anchor
    (&#xf13d;)
  • icon-unlock-alt
    (&#xf13e;)
  • icon-bullseye
    (&#xf140;)
  • icon-ellipsis-horizontal
    (&#xf141;)
  • icon-ellipsis-vertical
    (&#xf142;)
  • icon-rss-sign
    (&#xf143;)
  • icon-play-sign
    (&#xf144;)
  • icon-ticket
    (&#xf145;)
  • icon-minus-sign-alt
    (&#xf146;)
  • icon-check-minus
    (&#xf147;)
  • icon-level-up
    (&#xf148;)
  • icon-level-down
    (&#xf149;)
  • icon-check-sign
    (&#xf14a;)
  • icon-edit-sign
    (&#xf14b;)
  • icon-external-link-sign
    (&#xf14c;)
  • icon-share-sign
    (&#xf14d;)
  • icon-compass
    (&#xf14e;)
  • icon-collapse
    (&#xf150;)
  • icon-collapse-top
    (&#xf151;)
  • icon-expand
    (&#xf152;)
  • icon-eur
    (&#xf153;)
  • icon-gbp
    (&#xf154;)
  • icon-usd
    (&#xf155;)
  • icon-inr
    (&#xf156;)
  • icon-jpy
    (&#xf157;)
  • icon-cny
    (&#xf158;)
  • icon-krw
    (&#xf159;)
  • icon-btc
    (&#xf15a;)
  • icon-file
    (&#xf15b;)
  • icon-file-text
    (&#xf15c;)
  • icon-sort-by-alphabet
    (&#xf15d;)
  • icon-sort-by-alphabet-alt
    (&#xf15e;)
  • icon-sort-by-attributes
    (&#xf160;)
  • icon-sort-by-attributes-alt
    (&#xf161;)
  • icon-sort-by-order
    (&#xf162;)
  • icon-sort-by-order-alt
    (&#xf163;)
  • icon-thumbs-up
    (&#xf164;)
  • icon-thumbs-down
    (&#xf165;)
  • icon-youtube-sign
    (&#xf166;)
  • icon-youtube
    (&#xf167;)
  • icon-xing
    (&#xf168;)
  • icon-xing-sign
    (&#xf169;)
  • icon-youtube-play
    (&#xf16a;)
  • icon-dropbox
    (&#xf16b;)
  • icon-stackexchange
    (&#xf16c;)
  • icon-instagram
    (&#xf16d;)
  • icon-flickr
    (&#xf16e;)
  • icon-adn
    (&#xf170;)
  • icon-bitbucket
    (&#xf171;)
  • icon-bitbucket-sign
    (&#xf172;)
  • icon-tumblr
    (&#xf173;)
  • icon-tumblr-sign
    (&#xf174;)
  • icon-long-arrow-down
    (&#xf175;)
  • icon-long-arrow-up
    (&#xf176;)
  • icon-long-arrow-left
    (&#xf177;)
  • icon-long-arrow-right
    (&#xf178;)
  • icon-apple
    (&#xf179;)
  • icon-windows
    (&#xf17a;)
  • icon-android
    (&#xf17b;)
  • icon-linux
    (&#xf17c;)
  • icon-dribbble
    (&#xf17d;)
  • icon-skype
    (&#xf17e;)
  • icon-foursquare
    (&#xf180;)
  • icon-trello
    (&#xf181;)
  • icon-female
    (&#xf182;)
  • icon-male
    (&#xf183;)
  • icon-gittip
    (&#xf184;)
  • icon-sun
    (&#xf185;)
  • icon-moon
    (&#xf186;)
  • icon-archive
    (&#xf187;)
  • icon-bug
    (&#xf188;)
  • icon-vk
    (&#xf189;)
  • icon-weibo
    (&#xf18a;)
  • icon-renren
    (&#xf18b;)

Last Updated: August 22, 2013