git.roojs.org Git - bootswatch/blob - mPurpose/page-faq.html

   1 <!DOCTYPE html>
   2 <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
   3 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
   4 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
   5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
   6     <head>
   7         <meta charset="utf-8">
   8         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   9         <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
  10         <meta name="description" content="">
  11         <meta name="viewport" content="width=device-width">
  12
  13         <link rel="stylesheet" href="css/bootstrap.min.css">
  14         <link rel="stylesheet" href="css/icomoon-social.css">
  15         <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
  16
  17         <link rel="stylesheet" href="css/leaflet.css" />
  18                 <!--[if lte IE 8]>
  19                     <link rel="stylesheet" href="css/leaflet.ie.css" />
  20                 <![endif]-->
  21                 <link rel="stylesheet" href="css/main.css">
  22
  23         <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  24     </head>
  25     <body>
  26         <!--[if lt IE 7]>
  27             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  28         <![endif]-->
  29
  30
  31         <!-- Navigation & Logo-->
  32         <div class="mainmenu-wrapper">
  33                 <div class="container">
  34                         <div class="menuextras">
  35                                         <div class="extras">
  36                                                 <ul>
  37                                                         <li class="shopping-cart-items"><i class="glyphicon glyphicon-shopping-cart icon-white"></i> <a href="page-shopping-cart.html"><b>3 items</b></a></li>
  38                                                         <li>
  39                                                                 <div class="dropdown choose-country">
  40                                                                         <a class="#" data-toggle="dropdown" href="#"><img src="img/flags/gb.png" alt="Great Britain"> UK</a>
  41                                                                         <ul class="dropdown-menu" role="menu">
  42                                                                                 <li role="menuitem"><a href="#"><img src="img/flags/us.png" alt="United States"> US</a></li>
  43                                                                                 <li role="menuitem"><a href="#"><img src="img/flags/de.png" alt="Germany"> DE</a></li>
  44                                                                                 <li role="menuitem"><a href="#"><img src="img/flags/es.png" alt="Spain"> ES</a></li>
  45                                                                         </ul>
  46                                                                 </div>
  47                                                         </li>
  48                                                 <li><a href="page-login.html">Login</a></li>
  49                                         </ul>
  50                                         </div>
  51                         </div>
  52                         <nav id="mainmenu" class="mainmenu">
  53                                         <ul>
  54                                                 <li class="logo-wrapper"><a href="index.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a></li>
  55                                                 <li>
  56                                                         <a href="index.html">Home</a>
  57                                                 </li>
  58                                                 <li>
  59                                                         <a href="features.html">Features</a>
  60                                                 </li>
  61                                                 <li class="has-submenu active">
  62                                                         <a href="#">Pages +</a>
  63                                                         <div class="mainmenu-submenu">
  64                                                                 <div class="mainmenu-submenu-inner">
  65                                                                         <div>
  66                                                                                 <h4>Homepage</h4>
  67                                                                                 <ul>
  68                                                                                         <li><a href="index.html">Homepage (Sample 1)</a></li>
  69                                                                                         <li><a href="page-homepage-sample.html">Homepage (Sample 2)</a></li>
  70                                                                                 </ul>
  71                                                                                 <h4>Services & Pricing</h4>
  72                                                                                 <ul>
  73                                                                                         <li><a href="page-services-1-column.html">Services/Features (Rows)</a></li>
  74                                                                                         <li><a href="page-services-3-columns.html">Services/Features (3 Columns)</a></li>
  75                                                                                         <li><a href="page-services-4-columns.html">Services/Features (4 Columns)</a></li>
  76                                                                                         <li><a href="page-pricing.html">Pricing Table</a></li>
  77                                                                                 </ul>
  78                                                                                 <h4>Team & Open Vacancies</h4>
  79                                                                                 <ul>
  80                                                                                         <li><a href="page-team.html">Our Team</a></li>
  81                                                                                         <li><a href="page-vacancies.html">Open Vacancies (List)</a></li>
  82                                                                                         <li><a href="page-job-details.html">Open Vacancies (Job Details)</a></li>
  83                                                                                 </ul>
  84                                                                         </div>
  85                                                                         <div>
  86                                                                                 <h4>Our Work (Portfolio)</h4>
  87                                                                                 <ul>
  88                                                                                         <li><a href="page-portfolio-2-columns-1.html">Portfolio (2 Columns, Option 1)</a></li>
  89                                                                                         <li><a href="page-portfolio-2-columns-2.html">Portfolio (2 Columns, Option 2)</a></li>
  90                                                                                         <li><a href="page-portfolio-3-columns-1.html">Portfolio (3 Columns, Option 1)</a></li>
  91                                                                                         <li><a href="page-portfolio-3-columns-2.html">Portfolio (3 Columns, Option 2)</a></li>
  92                                                                                         <li><a href="page-portfolio-item.html">Portfolio Item (Project) Description</a></li>
  93                                                                                 </ul>
  94                                                                                 <h4>General Pages</h4>
  95                                                                                 <ul>
  96                                                                                         <li><a href="page-about-us.html">About Us</a></li>
  97                                                                                         <li><a href="page-contact-us.html">Contact Us</a></li>
  98                                                                                         <li><a href="page-faq.html">Frequently Asked Questions</a></li>
  99                                                                                         <li><a href="page-testimonials-clients.html">Testimonials & Clients</a></li>
 100                                                                                         <li><a href="page-events.html">Events</a></li>
 101                                                                                         <li><a href="page-404.html">404 Page</a></li>
 102                                                                                         <li><a href="page-sitemap.html">Sitemap</a></li>
 103                                                                                         <li><a href="page-login.html">Login</a></li>
 104                                                                                         <li><a href="page-register.html">Register</a></li>
 105                                                                                         <li><a href="page-password-reset.html">Password Reset</a></li>
 106                                                                                         <li><a href="page-terms-privacy.html">Terms & Privacy</a></li>
 107                                                                                         <li><a href="page-coming-soon.html">Coming Soon</a></li>
 108                                                                                 </ul>
 109                                                                         </div>
 110                                                                         <div>
 111                                                                                 <h4>eShop</h4>
 112                                                                                 <ul>
 113                                                                                         <li><a href="page-products-3-columns.html">Products listing (3 Columns)</a></li>
 114                                                                                         <li><a href="page-products-4-columns.html">Products listing (4 Columns)</a></li>
 115                                                                                         <li><a href="page-products-slider.html">Products Slider</a></li>
 116                                                                                         <li><a href="page-product-details.html">Product Details</a></li>
 117                                                                                         <li><a href="page-shopping-cart.html">Shopping Cart</a></li>
 118                                                                                 </ul>
 119                                                                                 <h4>Blog</h4>
 120                                                                                 <ul>
 121                                                                                         <li><a href="page-blog-posts.html">Blog Posts (List)</a></li>
 122                                                                                         <li><a href="page-blog-post-right-sidebar.html">Blog Single Post (Right Sidebar)</a></li>
 123                                                                                         <li><a href="page-blog-post-left-sidebar.html">Blog Single Post (Left Sidebar)</a></li>
 124                                                                                         <li><a href="page-news.html">Latest & Featured News</a></li>
 125                                                                                 </ul>
 126                                                                         </div>
 127                                                                 </div><!-- /mainmenu-submenu-inner -->
 128                                                         </div><!-- /mainmenu-submenu -->
 129                                                 </li>
 130                                                 <li>
 131                                                         <a href="credits.html">Credits</a>
 132                                                 </li>
 133                                         </ul>
 134                                 </nav>
 135                         </div>
 136                 </div>
 137
 138         <!-- Page Title -->
 139                 <div class="section section-breadcrumbs">
 140                         <div class="container">
 141                                 <div class="row">
 142                                         <div class="col-md-12">
 143                                                 <h1>Frequently Asked Questions</h1>
 144                                         </div>
 145                                 </div>
 146                         </div>
 147                 </div>
 148
 149         <div class="section">
 150                         <div class="container">
 151                                 <div class="row">
 152                                         <div class="col-md-12 faq-wrapper">
 153                                                 <div class="panel-group" id="accordion2">
 154                                                         <h3>General Questions</h3>
 155                                                         <div class="panel panel-default">
 156                                                                 <div class="panel-heading">
 157                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse11">
 158                                                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?
 159                                                                         </a>
 160                                                                 </div>
 161                                                                 <div id="collapse11" class="accordion-body collapse">
 162                                                                         <div class="accordion-inner">
 163                                                                                 <div class="answer">Answer:</div>
 164                                                                                 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque</p>
 165                                                                         </div>
 166                                                                 </div>
 167                                                         </div>
 168                                                         <div class="panel panel-default">
 169                                                                 <div class="panel-heading">
 170                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse12">
 171                                                                                 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem?
 172                                                                         </a>
 173                                                                 </div>
 174                                                                 <div id="collapse12" class="accordion-body collapse">
 175                                                                         <div class="accordion-inner">
 176                                                                                 <div class="answer">Answer:</div>
 177                                                                                 <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias</p>
 178                                                                         </div>
 179                                                                 </div>
 180                                                         </div>
 181                                                         <div class="panel panel-default">
 182                                                                 <div class="panel-heading">
 183                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse13">
 184                                                                                 Quisque nec tincidunt lectus. Nulla sit amet auctor leo?
 185                                                                         </a>
 186                                                                 </div>
 187                                                                 <div id="collapse13" class="accordion-body collapse">
 188                                                                         <div class="accordion-inner">
 189                                                                                 <div class="answer">Answer:</div>
 190                                                                                 <p>Pellentesque in velit et enim porta aliquam. Curabitur eget ligula dui, a euismod lectus. Phasellus eget facilisis nulla. Suspendisse sit amet dui nisl.</p>
 191                                                                         </div>
 192                                                                 </div>
 193                                                         </div>
 194                                                         <div class="panel panel-default">
 195                                                                 <div class="panel-heading">
 196                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse14">
 197                                                                                 Sed mollis, lorem ut tempor scelerisque, turpis enim tincidunt mi, eget venenatis neque eros in ipsum. Fusce in augue ante?
 198                                                                         </a>
 199                                                                 </div>
 200                                                                 <div id="collapse14" class="accordion-body collapse">
 201                                                                         <div class="accordion-inner">
 202                                                                                 <div class="answer">Answer:</div>
 203                                                                                 <p>Aenean nec mi a nisl molestie pretium nec sed velit. Vestibulum ultrices, arcu vitae varius pulvinar, justo sapien mollis dui, eget dapibus massa felis sed nulla. Maecenas in varius nulla. Praesent mollis diam vitae libero sollicitudin commodo lobortis tortor tempor. Fusce rutrum orci consequat nunc ultricies egestas. Sed vitae tortor sapien. Vivamus ac libero eu arcu aliquet pretium eu vitae sem. Sed tincidunt varius pellentesque.</p>
 204                                                                         </div>
 205                                                                 </div>
 206                                                         </div>
 207                                                         <h3>Orders</h3>
 208                                                         <div class="panel panel-default">
 209                                                                 <div class="panel-heading">
 210                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse21">
 211                                                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?
 212                                                                         </a>
 213                                                                 </div>
 214                                                                 <div id="collapse21" class="accordion-body collapse">
 215                                                                         <div class="accordion-inner">
 216                                                                                 <div class="answer">Answer:</div>
 217                                                                                 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque</p>
 218                                                                         </div>
 219                                                                 </div>
 220                                                         </div>
 221                                                         <div class="panel panel-default">
 222                                                                 <div class="panel-heading">
 223                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse22">
 224                                                                                 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem?
 225                                                                         </a>
 226                                                                 </div>
 227                                                                 <div id="collapse22" class="accordion-body collapse">
 228                                                                         <div class="accordion-inner">
 229                                                                                 <div class="answer">Answer:</div>
 230                                                                                 <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias</p>
 231                                                                         </div>
 232                                                                 </div>
 233                                                         </div>
 234                                                         <h3>Our Services</h3>
 235                                                         <div class="panel panel-default">
 236                                                                 <div class="panel-heading">
 237                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse31">
 238                                                                                 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor?
 239                                                                         </a>
 240                                                                 </div>
 241                                                                 <div id="collapse31" class="accordion-body collapse">
 242                                                                         <div class="accordion-inner">
 243                                                                                 <div class="answer">Answer:</div>
 244                                                                                 <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque</p>
 245                                                                         </div>
 246                                                                 </div>
 247                                                         </div>
 248                                                         <div class="panel panel-default">
 249                                                                 <div class="panel-heading">
 250                                                                         <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapse32">
 251                                                                                 Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem?
 252                                                                         </a>
 253                                                                 </div>
 254                                                                 <div id="collapse32" class="accordion-body collapse">
 255                                                                         <div class="accordion-inner">
 256                                                                                 <div class="answer">Answer:</div>
 257                                                                                 <p>Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias</p>
 258                                                                         </div>
 259                                                                 </div>
 260                                                         </div>
 261                                                 </div>
 262                                         </div>
 263                                 </div>
 264                         </div>
 265             </div>
 266
 267             <!-- Footer -->
 268             <div class="footer">
 269                 <div class="container">
 270                         <div class="row">
 271                                 <div class="col-footer col-md-3 col-xs-6">
 272                                         <h3>Our Latest Work</h3>
 273                                         <div class="portfolio-item">
 274                                                         <div class="portfolio-image">
 275                                                                 <a href="page-portfolio-item.html"><img src="img/portfolio6.jpg" alt="Project Name"></a>
 276                                                         </div>
 277                                                 </div>
 278                                 </div>
 279                                 <div class="col-footer col-md-3 col-xs-6">
 280                                         <h3>Navigate</h3>
 281                                         <ul class="no-list-style footer-navigate-section">
 282                                                 <li><a href="page-blog-posts.html">Blog</a></li>
 283                                                 <li><a href="page-portfolio-3-columns-2.html">Portfolio</a></li>
 284                                                 <li><a href="page-products-3-columns.html">eShop</a></li>
 285                                                 <li><a href="page-services-3-columns.html">Services</a></li>
 286                                                 <li><a href="page-pricing.html">Pricing</a></li>
 287                                                 <li><a href="page-faq.html">FAQ</a></li>
 288                                         </ul>
 289                                 </div>
 290
 291                                 <div class="col-footer col-md-4 col-xs-6">
 292                                         <h3>Contacts</h3>
 293                                         <p class="contact-us-details">
 294                                                 <b>Address:</b> 123 Fake Street, LN1 2ST, London, United Kingdom<br/>
 295                                                 <b>Phone:</b> +44 123 654321<br/>
 296                                                 <b>Fax:</b> +44 123 654321<br/>
 297                                                 <b>Email:</b> <a href="mailto:getintoutch@yourcompanydomain.com">getintoutch@yourcompanydomain.com</a>
 298                                         </p>
 299                                 </div>
 300                                 <div class="col-footer col-md-2 col-xs-6">
 301                                         <h3>Stay Connected</h3>
 302                                         <ul class="footer-stay-connected no-list-style">
 303                                                 <li><a href="#" class="facebook"></a></li>
 304                                                 <li><a href="#" class="twitter"></a></li>
 305                                                 <li><a href="#" class="googleplus"></a></li>
 306                                         </ul>
 307                                 </div>
 308                         </div>
 309                         <div class="row">
 310                                 <div class="col-md-12">
 311                                         <div class="footer-copyright">&copy; 2013 mPurpose. All rights reserved.</div>
 312                                 </div>
 313                         </div>
 314                     </div>
 315             </div>
 316
 317         <!-- Javascripts -->
 318         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 319         <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
 320         <script src="js/bootstrap.min.js"></script>
 321         <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet.js"></script>
 322         <script src="js/jquery.fitvids.js"></script>
 323         <script src="js/jquery.sequence-min.js"></script>
 324         <script src="js/jquery.bxslider.js"></script>
 325         <script src="js/main-menu.js"></script>
 326         <script src="js/template.js"></script>
 327
 328     </body>
 329 </html>