Skocz do zawartości
Zaloguj się, aby obserwować  
cwaniaK

[HTML/CSS] Bootstrapowa przedstrona Stara-Gwardia.pl[Zamknięty]

Polecane posty

Witam przedstawiam wam można powiedzieć przedstrone naszego forum bardzo prosta czytelna zrobiłem ją specjalnie na lekcje programowania na szybko a zbytnio pomysłu nie miałem może sie spodoba :)Udostępniam bo myśle że fajnie to wygląda przyokazji dowiecie sie co robie jak mi się nudzi :D  Szablon składa sie z HTML/CSS  no i podpięta jest biblioteka bootstrapowa :)  Bootstrapa bardzo sobie cenie za jego prostote, estetyke oraz wygląd

KOD CSS

	body
{
    background-color: #525E53;
}
.bd-placeholder-img
{
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
	@media (min-width: 768px)
{
  .bd-placeholder-img-lg
  {
      font-size: 3.5rem;
  }
}
	.preserveAspectRatio
{
    background-color: black;
}
	

Index

	<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Jekyll v3.8.5">
    <title>Stara-Gwardia.pl - Podstrona Forum</title>
	    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="./style.css">
    <script type="text/javascript" src="./node_modules/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="./node_modules/popper.js/dist/popper.min.js"></script>
    <script type="text/javascript" src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
	    <link href="carousel.css" rel="stylesheet">
  </head>
  <body>
    <header>
  <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
    <a class="navbar-brand" href="index.html">Wróć do strony Głównej</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarCollapse">
      <ul class="navbar-nav mr-auto">
        
        
      </ul>
    </div>
  </nav>
</header>
	<main role="main">
	  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
      <li data-target="#myCarousel" data-slide-to="1"></li>
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"><rect width="100%" height="100%" fill="#777"/></svg>
        <div class="container">
          <div class="carousel-caption">
            <h1>Unikalny Szablon</h1>
            <p>Nasze Forum oferuje dopracowany wygląd. Dzięki zaangażowaniu Administracji</p>
            <p><a class="btn btn-lg btn-primary" href="http://stara-gwardia.pl" role="button">Odwiedź Strone</a></p>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"><rect width="100%" height="100%" fill="#777"/></svg>
        <div class="container">
          <div class="carousel-caption">
            <h1>Unikalne Paczki</h1>
            <p>Nasze Serwery są wyposażone w autorskie paczki pisane przez <b>Nas</b></p>
            <p><a class="btn btn-lg btn-primary" href="./opis.html" role="button">Opis Paczek</a></p>
          </div>
        </div>
      </div>
      <div class="carousel-item">
        <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img"><rect width="100%" height="100%" fill="#777"/></svg>
        <div class="container">
          <div class="carousel-caption">
            <h1>Bardzo wydajne Serwery</h1>
            <p>Posiadamy w pełni dopracowane maszyny na których stoją serwery, grywalność jest fenomenalna!</p>
            <p><a class="btn btn-lg btn-primary" href="./serwery.html" role="button">Opis Serwerów</a></p>
          </div>
        </div>
      </div>
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Poprzednie</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Następne</span>
    </a>
  </div>
	
  <!-- Marketing messaging and featurettes
  ================================================== -->
  <!-- Wrap the rest of the page in another container to center all the content. -->
	  <div class="container marketing">
	    <!-- Three columns of text below the carousel -->
    <div class="row">
       
    </div><!-- /.row -->
	
    <!-- START THE FEATURETTES -->
	    <hr class="featurette-divider">
	    <div class="row featurette">
      <div class="col-md-7">
        <h2 class="featurette-heading">Szablon Forum </h2>
        <p class="lead">Estetyczny, prosty w obsłudze</p>
      </div>
      <div class="col-md-5">
        <img src="./img/1.png"></img>
      </div>
    </div>
	    <hr class="featurette-divider">
	    <div class="row featurette">
      <div class="col-md-7">
        <h2 class="featurette-heading">System Banów (LISTA)</h2>
        <p class="lead">W pełni automatyczna, wspópracująca z serwerami lista banów</p>
      </div>
      <div class="col-md-5 order-md-1">
        <img src="./img/2.png"></img>
      </div>
    </div>
	    <hr class="featurette-divider">
	    <div class="row featurette">
      <div class="col-md-7">
        <h2 class="featurette-heading">Instalki CS 1.6</h2>
        <p class="lead"> Autorskie Pliki oraz instalki CS 1.6</p>
      </div>
      <div class="col-md-5">
        <img src="./img/3.png"></img>
      </div>
    </div>
	    <hr class="featurette-divider">
	    <!-- /END THE FEATURETTES -->
	  </div><!-- /.container -->
	
  <!-- FOOTER -->
  <footer class="container">
    <p>Prawa autorskie © Stara-Gwardia.pl 2016-2019 </p>
    <p> Strone Wykonał cwaniaK</p>
  </footer>
</main>
</body>
</html>
	

Reszte znajdziecie w pliku który udostępniłem poniżej :)

 

A demo znajdziecie TUTAJ

strona by cwaniaK.rar

  • Lubie to 2
  • Super 1

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

super :D dla ogarniających what the fuck bo ja z tego nic nie rozumiem 😂😂😂

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Strona prezentuje się bardzo dobrze :) fajnie Ci to wyszło :) oby tak dalej :)

Świetna robota :)

Udostępnij ten post


Link to postu
Udostępnij na innych stronach
Gość
Temat jest zablokowany i nie można w nim pisać.
Zaloguj się, aby obserwować  

×
×
  • Utwórz nowe...

Powiadomienie o plikach cookie

Warunki użytkowania