SHOW:
|
|
- or go back to the newest paste.
| 1 | <!DOCTYPE html> | |
| 2 | <html lang="en"> | |
| 3 | ||
| 4 | <head> | |
| 5 | ||
| 6 | <meta charset="utf-8"> | |
| 7 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| 8 | <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| 9 | <meta name="description" content=""> | |
| 10 | <meta name="author" content=""> | |
| 11 | ||
| 12 | <title>Sky Grid - A nova era da sobrevivência!</title> | |
| 13 | ||
| 14 | <!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ --> | |
| 15 | <link href="css/bootstrap.min.css" rel="stylesheet"> | |
| 16 | ||
| 17 | <!-- Custom CSS --> | |
| 18 | <link href="css/freelancer.css" rel="stylesheet"> | |
| 19 | ||
| 20 | <!-- Custom Fonts --> | |
| 21 | <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> | |
| 22 | <link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css"> | |
| 23 | <link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css"> | |
| 24 | ||
| 25 | <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> | |
| 26 | <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> | |
| 27 | <!--[if lt IE 9]> | |
| 28 | <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> | |
| 29 | <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> | |
| 30 | <![endif]--> | |
| 31 | ||
| 32 | </head> | |
| 33 | ||
| 34 | <body id="page-top" class="index"> | |
| 35 | ||
| 36 | <!-- Navigation --> | |
| 37 | <nav class="navbar navbar-default navbar-fixed-top"> | |
| 38 | <div class="container"> | |
| 39 | <!-- Brand and toggle get grouped for better mobile display --> | |
| 40 | <div class="navbar-header page-scroll"> | |
| 41 | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | |
| 42 | <span class="sr-only">Toggle navigation</span> | |
| 43 | <span class="icon-bar"></span> | |
| 44 | <span class="icon-bar"></span> | |
| 45 | <span class="icon-bar"></span> | |
| 46 | </button> | |
| 47 | <a class="navbar-brand" href="#page-top">Sky Grid</a> | |
| 48 | </div> | |
| 49 | ||
| 50 | <!-- Collect the nav links, forms, and other content for toggling --> | |
| 51 | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | |
| 52 | <ul class="nav navbar-nav navbar-right"> | |
| 53 | <li class="hidden"> | |
| 54 | <a href="#page-top"></a> | |
| 55 | </li> | |
| 56 | <li class="page-scroll"> | |
| 57 | <a href="#portfolio">Informações</a> | |
| 58 | </li> | |
| 59 | <li class="page-scroll"> | |
| 60 | <a href="#about">Sobre</a> | |
| 61 | </li> | |
| 62 | <li class="page-scroll"> | |
| 63 | <a href="#contact">Contato</a> | |
| 64 | </li> | |
| 65 | </ul> | |
| 66 | </div> | |
| 67 | <!-- /.navbar-collapse --> | |
| 68 | </div> | |
| 69 | <!-- /.container-fluid --> | |
| 70 | </nav> | |
| 71 | ||
| 72 | <!-- Header --> | |
| 73 | - | <header> |
| 73 | + | <header style="background:#70df65;"> |
| 74 | - | <div class="container" style="background:#70df65;"> |
| 74 | + | |
| 75 | <div class="row"> | |
| 76 | <div class="col-lg-12"> | |
| 77 | <img class="img-responsive" src="img/profile.png" alt=""> | |
| 78 | <div class="intro-text"> | |
| 79 | <span class="name">Sky Grid</span> | |
| 80 | <hr class="star-light"> | |
| 81 | <span class="skills">- A nova era da sobrevivência -</span> | |
| 82 | </div> | |
| 83 | </div> | |
| 84 | </div> | |
| 85 | </div> | |
| 86 | </header> | |
| 87 | ||
| 88 | <!-- Portfolio Grid Section --> | |
| 89 | <section id="portfolio"> | |
| 90 | <div class="container"> | |
| 91 | <div class="row"> | |
| 92 | <div class="col-lg-12 text-center"> | |
| 93 | <h2>Informações</h2> | |
| 94 | <hr class="star-primary"> | |
| 95 | </div> | |
| 96 | </div> | |
| 97 | <div class="row"> | |
| 98 | <div class="col-sm-4 portfolio-item"> | |
| 99 | <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal"> | |
| 100 | <div class="caption"> | |
| 101 | <div class="caption-content"> | |
| 102 | <i class="fa fa-search-plus fa-3x"></i> | |
| 103 | </div> | |
| 104 | </div> | |
| 105 | <img src="img/portfolio/cabin.png" class="img-responsive" alt=""> | |
| 106 | </a> | |
| 107 | </div> | |
| 108 | <div class="col-sm-4 portfolio-item"> | |
| 109 | <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal"> | |
| 110 | <div class="caption"> | |
| 111 | <div class="caption-content"> | |
| 112 | <i class="fa fa-search-plus fa-3x"></i> | |
| 113 | </div> | |
| 114 | </div> | |
| 115 | <img src="img/portfolio/cake.png" class="img-responsive" alt=""> | |
| 116 | </a> | |
| 117 | </div> | |
| 118 | <div class="col-sm-4 portfolio-item"> | |
| 119 | <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal"> | |
| 120 | <div class="caption"> | |
| 121 | <div class="caption-content"> | |
| 122 | <i class="fa fa-search-plus fa-3x"></i> | |
| 123 | </div> | |
| 124 | </div> | |
| 125 | <img src="img/portfolio/circus.png" class="img-responsive" alt=""> | |
| 126 | </a> | |
| 127 | </div> | |
| 128 | <div class="col-sm-4 portfolio-item"> | |
| 129 | <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal"> | |
| 130 | <div class="caption"> | |
| 131 | <div class="caption-content"> | |
| 132 | <i class="fa fa-search-plus fa-3x"></i> | |
| 133 | </div> | |
| 134 | </div> | |
| 135 | <img src="img/portfolio/game.png" class="img-responsive" alt=""> | |
| 136 | </a> | |
| 137 | </div> | |
| 138 | <div class="col-sm-4 portfolio-item"> | |
| 139 | <a href="#portfolioModal5" class="portfolio-link" data-toggle="modal"> | |
| 140 | <div class="caption"> | |
| 141 | <div class="caption-content"> | |
| 142 | <i class="fa fa-search-plus fa-3x"></i> | |
| 143 | </div> | |
| 144 | </div> | |
| 145 | <img src="img/portfolio/safe.png" class="img-responsive" alt=""> | |
| 146 | </a> | |
| 147 | </div> | |
| 148 | <div class="col-sm-4 portfolio-item"> | |
| 149 | <a href="#portfolioModal6" class="portfolio-link" data-toggle="modal"> | |
| 150 | <div class="caption"> | |
| 151 | <div class="caption-content"> | |
| 152 | <i class="fa fa-search-plus fa-3x"></i> | |
| 153 | </div> | |
| 154 | </div> | |
| 155 | <img src="img/portfolio/submarine.png" class="img-responsive" alt=""> | |
| 156 | </a> | |
| 157 | </div> | |
| 158 | </div> | |
| 159 | </div> | |
| 160 | </section> | |
| 161 | ||
| 162 | <!-- About Section --> | |
| 163 | <section class="success" id="about"> | |
| 164 | <div class="container"> | |
| 165 | <div class="row"> | |
| 166 | <div class="col-lg-12 text-center"> | |
| 167 | <h2>Sobre</h2> | |
| 168 | <hr class="star-light"> | |
| 169 | </div> | |
| 170 | </div> | |
| 171 | <div class="row"> | |
| 172 | <div class="col-lg-4 col-lg-offset-2"> | |
| 173 | <center><p> O Sky Grid, como o próprio nome já diz, é um servidor de Minecraft focado no modo de jogo sky grid. Onde um passo em falso pode lhe custar absolutamente tudo.</p></center> | |
| 174 | </div> | |
| 175 | <div class="col-lg-4"> | |
| 176 | <center><p> Procuramos manter a melhor qualidade possivel, através de conexões estaveis, preços acessiveis e total segurança</p></center> | |
| 177 | </div> | |
| 178 | <div class="col-lg-8 col-lg-offset-2 text-center"> | |
| 179 | <a href="#" class="btn btn-lg btn-outline"> | |
| 180 | <i class="fa fa-shopping-cart"></i> Acesse nossa loja | |
| 181 | </a> | |
| 182 | </div> | |
| 183 | </div> | |
| 184 | </div> | |
| 185 | </section> | |
| 186 | ||
| 187 | <!-- Contact Section --> | |
| 188 | <section id="contact"> | |
| 189 | <div class="container"> | |
| 190 | <div class="row"> | |
| 191 | <div class="col-lg-12 text-center"> | |
| 192 | <h2>Contato</h2> | |
| 193 | <hr class="star-primary"> | |
| 194 | </div> | |
| 195 | </div> | |
| 196 | <div class="row"> | |
| 197 | <div class="col-lg-8 col-lg-offset-2"> | |
| 198 | <!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. --> | |
| 199 | <!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. --> | |
| 200 | <form name="sentMessage" id="contactForm" novalidate> | |
| 201 | <div class="row control-group"> | |
| 202 | <div class="form-group col-xs-12 floating-label-form-group controls"> | |
| 203 | <label>Nome</label> | |
| 204 | <input type="text" class="form-control" placeholder="Nome" id="name" required data-validation-required-message="Por favor insira seu nome."> | |
| 205 | <p class="help-block text-danger"></p> | |
| 206 | </div> | |
| 207 | </div> | |
| 208 | <div class="row control-group"> | |
| 209 | <div class="form-group col-xs-12 floating-label-form-group controls"> | |
| 210 | <label>Email</label> | |
| 211 | <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Por favor insira seu email."> | |
| 212 | <p class="help-block text-danger"></p> | |
| 213 | </div> | |
| 214 | </div> | |
| 215 | <div class="row control-group"> | |
| 216 | <div class="form-group col-xs-12 floating-label-form-group controls"> | |
| 217 | <label>Skype</label> | |
| 218 | <input type="tel" class="form-control" placeholder="Skype" id="phone" required data-validation-required-message="Por favor insira seu skype."> | |
| 219 | <p class="help-block text-danger"></p> | |
| 220 | </div> | |
| 221 | </div> | |
| 222 | <div class="row control-group"> | |
| 223 | <div class="form-group col-xs-12 floating-label-form-group controls"> | |
| 224 | <label>Mensagem</label> | |
| 225 | <textarea rows="5" class="form-control" placeholder="Mensagem" id="message" required data-validation-required-message="Por favor insira sua mensagem."></textarea> | |
| 226 | <p class="help-block text-danger"></p> | |
| 227 | </div> | |
| 228 | </div> | |
| 229 | <br> | |
| 230 | <div id="success"></div> | |
| 231 | <div class="row"> | |
| 232 | <div class="form-group col-xs-12"> | |
| 233 | <button type="submit" class="btn btn-success btn-lg">Enviar</button> | |
| 234 | </div> | |
| 235 | </div> | |
| 236 | </form> | |
| 237 | </div> | |
| 238 | </div> | |
| 239 | </div> | |
| 240 | </section> | |
| 241 | ||
| 242 | <!-- Footer --> | |
| 243 | <footer class="text-center"> | |
| 244 | <div class="footer-above"> | |
| 245 | <div class="container"> | |
| 246 | <div class="row"> | |
| 247 | <div class="footer-col col-md-4"> | |
| 248 | <h3>Sky Grid</h3> | |
| 249 | <p>jogar.sky-grid.ga:25732<br>1.7.2 - 1.8.8</p> | |
| 250 | </div> | |
| 251 | <div class="footer-col col-md-4"> | |
| 252 | <h3>Siga-nos</h3> | |
| 253 | <ul class="list-inline"> | |
| 254 | <li> | |
| 255 | <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-facebook"></i></a> | |
| 256 | </li> | |
| 257 | <li> | |
| 258 | <a href="#" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a> | |
| 259 | </li> | |
| 260 | <li> | |
| 261 | <a href="#" class="btn-social btn-outline"><i class="fa fa-skype"></i></i></a> | |
| 262 | </li> | |
| 263 | </ul> | |
| 264 | </div> | |
| 265 | <div class="footer-col col-md-4"> | |
| 266 | <h3>Loja</h3> | |
| 267 | <p>Acesse nossa loja para adquirir Ranks - <a href="sky-grid.buycraft.net">Clique aqui</a>.</p> | |
| 268 | </div> | |
| 269 | </div> | |
| 270 | </div> | |
| 271 | </div> | |
| 272 | <div class="footer-below"> | |
| 273 | <div class="container"> | |
| 274 | <div class="row"> | |
| 275 | <div class="col-lg-12"> | |
| 276 | Copyright © Sky Grid - Todos os direitos reservados. | |
| 277 | </div> | |
| 278 | </div> | |
| 279 | </div> | |
| 280 | </div> | |
| 281 | </footer> | |
| 282 | ||
| 283 | <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) --> | |
| 284 | <div class="scroll-top page-scroll visible-xs visible-sm"> | |
| 285 | <a class="btn btn-primary" href="#page-top"> | |
| 286 | <i class="fa fa-chevron-up"></i> | |
| 287 | </a> | |
| 288 | </div> | |
| 289 | ||
| 290 | <!-- Portfolio Modals --> | |
| 291 | <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> | |
| 292 | <div class="modal-content"> | |
| 293 | <div class="close-modal" data-dismiss="modal"> | |
| 294 | <div class="lr"> | |
| 295 | <div class="rl"> | |
| 296 | </div> | |
| 297 | </div> | |
| 298 | </div> | |
| 299 | <div class="container"> | |
| 300 | <div class="row"> | |
| 301 | <div class="col-lg-8 col-lg-offset-2"> | |
| 302 | <div class="modal-body"> | |
| 303 | <h2>Lobby</h2> | |
| 304 | <hr class="star-primary"> | |
| 305 | <img src="img/portfolio/cabin.png" class="img-responsive img-centered" alt=""> | |
| 306 | <center><p>O Lobby conta com três portais que podem te levar à vários locais do servidor.</p></center> | |
| 307 | <ul class="list-inline item-details"> | |
| 308 | </ul> | |
| 309 | <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> | |
| 310 | </div> | |
| 311 | </div> | |
| 312 | </div> | |
| 313 | </div> | |
| 314 | </div> | |
| 315 | </div> | |
| 316 | <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true"> | |
| 317 | <div class="modal-content"> | |
| 318 | <div class="close-modal" data-dismiss="modal"> | |
| 319 | <div class="lr"> | |
| 320 | <div class="rl"> | |
| 321 | </div> | |
| 322 | </div> | |
| 323 | </div> | |
| 324 | <div class="container"> | |
| 325 | <div class="row"> | |
| 326 | <div class="col-lg-8 col-lg-offset-2"> | |
| 327 | <div class="modal-body"> | |
| 328 | <h2>Loja</h2> | |
| 329 | <hr class="star-primary"> | |
| 330 | <img src="img/portfolio/cake.png" class="img-responsive img-centered" alt=""> | |
| 331 | <p>Na loja você pode comprar e vender itens para evoluir no servidor.</p> | |
| 332 | <ul class="list-inline item-details"> | |
| 333 | </ul> | |
| 334 | <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> | |
| 335 | </div> | |
| 336 | </div> | |
| 337 | </div> | |
| 338 | </div> | |
| 339 | </div> | |
| 340 | </div> | |
| 341 | <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true"> | |
| 342 | <div class="modal-content"> | |
| 343 | <div class="close-modal" data-dismiss="modal"> | |
| 344 | <div class="lr"> | |
| 345 | <div class="rl"> | |
| 346 | </div> | |
| 347 | </div> | |
| 348 | </div> | |
| 349 | <div class="container"> | |
| 350 | <div class="row"> | |
| 351 | <div class="col-lg-8 col-lg-offset-2"> | |
| 352 | <div class="modal-body"> | |
| 353 | <h2>Arena</h2> | |
| 354 | <hr class="star-primary"> | |
| 355 | <img src="img/portfolio/circus.png" class="img-responsive img-centered" alt=""> | |
| 356 | <p>Na arena, você pode derrotar seus inimigos e tornarse um grande guerreiro!</p> | |
| 357 | <ul class="list-inline item-details"> | |
| 358 | <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> | |
| 359 | </div> | |
| 360 | </div> | |
| 361 | </div> | |
| 362 | </div> | |
| 363 | </div> | |
| 364 | </div> | |
| 365 | <div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true"> | |
| 366 | <div class="modal-content"> | |
| 367 | <div class="close-modal" data-dismiss="modal"> | |
| 368 | <div class="lr"> | |
| 369 | <div class="rl"> | |
| 370 | </div> | |
| 371 | </div> | |
| 372 | </div> | |
| 373 | <div class="container"> | |
| 374 | <div class="row"> | |
| 375 | <div class="col-lg-8 col-lg-offset-2"> | |
| 376 | <div class="modal-body"> | |
| 377 | <h2>Mundo Sky Grid</h2> | |
| 378 | <hr class="star-primary"> | |
| 379 | <img src="img/portfolio/game.png" class="img-responsive img-centered" alt=""> | |
| 380 | <p>No mundo sky grid, você pode coletar recursos e construir sua base.</p> | |
| 381 | <ul class="list-inline item-details"> | |
| 382 | <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> | |
| 383 | </div> | |
| 384 | </div> | |
| 385 | </div> | |
| 386 | </div> | |
| 387 | </div> | |
| 388 | </div> | |
| 389 | <div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true"> | |
| 390 | <div class="modal-content"> | |
| 391 | <div class="close-modal" data-dismiss="modal"> | |
| 392 | <div class="lr"> | |
| 393 | <div class="rl"> | |
| 394 | </div> | |
| 395 | </div> | |
| 396 | </div> | |
| 397 | <div class="container"> | |
| 398 | <div class="row"> | |
| 399 | <div class="col-lg-8 col-lg-offset-2"> | |
| 400 | <div class="modal-body"> | |
| 401 | <h2>Nether</h2> | |
| 402 | <hr class="star-primary"> | |
| 403 | <img src="img/portfolio/safe.png" class="img-responsive img-centered" alt=""> | |
| 404 | <p>No nether você pode coletar recursos que são mais dificeis de serem encontrados no mundo normal.</p> | |
| 405 | <p><b>*O nether só é aberto aos fins de semana!</p> | |
| 406 | <ul class="list-inline item-details"> | |
| 407 | <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> | |
| 408 | </div> | |
| 409 | </div> | |
| 410 | </div> | |
| 411 | </div> | |
| 412 | </div> | |
| 413 | </div> | |
| 414 | <div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true"> | |
| 415 | <div class="modal-content"> | |
| 416 | <div class="close-modal" data-dismiss="modal"> | |
| 417 | <div class="lr"> | |
| 418 | <div class="rl"> | |
| 419 | </div> | |
| 420 | </div> | |
| 421 | </div> | |
| 422 | <div class="container"> | |
| 423 | <div class="row"> | |
| 424 | <div class="col-lg-8 col-lg-offset-2"> | |
| 425 | <div class="modal-body"> | |
| 426 | <h2>The end</h2> | |
| 427 | <hr class="star-primary"> | |
| 428 | <img src="img/portfolio/submarine.png" class="img-responsive img-centered" alt=""> | |
| 429 | <p>O The End é um ótimo local para coletar obsidian e proteger sua base.</p> | |
| 430 | <p><b>*O The End só é aberto uma vez por mês</b><p> | |
| 431 | <ul class="list-inline item-details"> | |
| 432 | <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> | |
| 433 | </div> | |
| 434 | </div> | |
| 435 | </div> | |
| 436 | </div> | |
| 437 | </div> | |
| 438 | </div> | |
| 439 | ||
| 440 | <!-- jQuery --> | |
| 441 | <script src="js/jquery.js"></script> | |
| 442 | ||
| 443 | <!-- Bootstrap Core JavaScript --> | |
| 444 | <script src="js/bootstrap.min.js"></script> | |
| 445 | ||
| 446 | <!-- Plugin JavaScript --> | |
| 447 | <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> | |
| 448 | <script src="js/classie.js"></script> | |
| 449 | <script src="js/cbpAnimatedHeader.js"></script> | |
| 450 | ||
| 451 | <!-- Contact Form JavaScript --> | |
| 452 | <script src="js/jqBootstrapValidation.js"></script> | |
| 453 | <script src="js/contact_me.js"></script> | |
| 454 | ||
| 455 | <!-- Custom Theme JavaScript --> | |
| 456 | <script src="js/freelancer.js"></script> | |
| 457 | ||
| 458 | </body> | |
| 459 | ||
| 460 | </html> |
