[Tool/Web/Other] [WEBSITE TEMPLATE]Simple Webpage Design
#41

Beautiful.
Reply
#42

Nice demo, it can be used for manny things
Reply
#43

OMG !!!!! Its The Best Using It Right Now In My Website
THx A LOT
Reply
#44

how to edit it? i mean texts etc?
Reply
#45

Quote:
Originally Posted by xxxDeathxxx
View Post
how to edit it? i mean texts etc?
Just Edit index.html and ur done
Reply
#46

how to add my server on this? plz help
Reply
#47

<deleted> wrong thread.
Reply
#48

I Cant Edit Link On
<a href
Reply
#49

i upload all file into my ftp but

see
http://wx-play.cf/ it wont work wtf,it doesnt display background image
Reply
#50

Quote:
Originally Posted by KyNe
View Post
i upload all file into my ftp but

see
http://wx-play.cf/ it wont work wtf,it doesnt display background image
I'm seeing a background image up in the top section... Have you cleared your browser cache?
Reply
#51

Quote:
Originally Posted by Sew_Sumi
View Post
I'm seeing a background image up in the top section... Have you cleared your browser cache?
can you screenshot? i did many time,theres nothing,it just black bacgkround



Reply
#52

https://pasteboard.co/H44ZcRH.png

It's there, and it doesn't look as dark as what yours does. All the grey is white.
Reply
#53

https://pasteboard.co/H451mhO.png

i clear my cache using ccleaner

it still like dat,how to fix it

can u send screenshot with full bar.like it show wx-play.cf in search box
Reply
#54

It's the same wx-play.cf.

Browse the site through an anonymous proxy thing and it should turn up for you.

If you've changed your a record for the server that hosts the image, you may need to clear the DNS cache as well.



However what is odd, is that your fonts are darker grey, where the ones in mine are actually white. Don't know why that's occurring.
Reply
#55

Quote:
Originally Posted by Sew_Sumi
View Post
It's the same wx-play.cf.

Browse the site through an anonymous proxy thing and it should turn up for you.

If you've changed your a record for the server that hosts the image, you may need to clear the DNS cache as well.



However what is odd, is that your fonts are darker grey, where the ones in mine are actually white. Don't know why that's occurring.
i didt change it,how to fix ...
Reply
#56

Can you please show your <head> code from index.html?
Reply
#57

here

PHP Code:
<!DOCTYPE html>
<
html>
    <
head>

        <
meta charset="utf-8">
        <
meta http-equiv="X-UA-Compatible" content="IE=edge">
        <
meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- 
Page Title -->
        <
title>Server Name Home</title>

        <!-- 
Bootstrap core CSS -->
        <
link href="css/bootstrap.min.css" rel="stylesheet" type='text/css'>

        <!-- 
Theme CSS (Main Stylesheet) -->
        <
link href="css/style.css" rel="stylesheet" type='text/css'>

        <!-- 
Font Awesome -->
        <
link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type='text/css'>

        <!-- 
Custom Font (Raleway via ******.com/fonts) -->
        <
link href='https://fonts.******apis.com/css?family=Roboto:400,300,500,700' rel='stylesheet' type='text/css'>

        <
style>
            [
data-sr] {
                
visibilityhidden;
            }
        </
style>

        <!-- 
HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!--[if 
lt IE 9]>
          <
script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>

    <body data-spy="scroll" data-target="#navbar-example"> 

        <!-- NAVIGATION BAR START -->
        <nav class="navbar navbar-default navbar-fixed-top" id="navbar-example">
            <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
              </button>
            </div>
                <div id="navbar" class="collapse navbar-collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="forum">Forums</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#features">Features</a></li>
                        <li><a href="#blog">News</a></li>
                  </ul>
                </div>
            </div>
        </nav>
        <!-- NAVIGATION BAR END -->

        <!-- BANNER START -->
        <div class="banner-head-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 text-center" data-sr='enter top'>
                        <div class="banner-head-top-text">
                            <h1>Welcome to <b>Server Name</b>.</h1>

                            <h3>We're a SA-MP Community.</h3>

                            <a href="#about" class="btn btn-default btn-outline-transparent"><i class="fa fa-angle-double-down" aria-hidden="true"></i> Learn More</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BANNER END -->

        <!-- ABOUT START -->
        <div class="page-section-intro" id="about">
            <div class="container">
                <div class="row">
                    <h2 data-sr='enter left'>Welcome to, <i>Server Name</i>.</h2>
                    <br>
                    <h4 data-sr='enter right'>We'll provide you with an <b>awesome</b> experience.</h4>

                    <a href="#" class="btn btn-default btn-outline-normal"><i class="fa fa-server" aria-hidden="true"></i> Join the Server</a>
                    <a href="#" class="btn btn-default btn-outline-normal"><i class="fa fa-users" aria-hidden="true"></i> Visit Forums</a>
                </div>
            </div>
        </div>
        <!-- ABOUT END -->

        <!-- MAIN CONTENT -->

        <!-- FEATURES START -->
        <div class="page-section-features" id="features">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <i class="fa fa-pencil-square-o fa-5x" data-sr='enter left'></i>

                        <h4 data-sr='enter left'><strong>Awesome Gamemode</strong></h4>
                        <p data-sr='enter left'>Our gamemode is created straight from scratch. The server is regularly updated with fresh features coming in all the time!</p>
                    </div>
                    <div class="col-md-4">
                        <i class="fa fa-tachometer fa-5x" data-sr='enter top'></i>

                        <h4 data-sr='enter top'><strong>Great Performence</strong></h4>
                        <p data-sr='enter top'>Our servers are running on good performance hosts, therefore, you will have a great gaming experience with us.</p>
                    </div>
                    <div class="col-md-4">
                        <i class="fa fa-users fa-5x" data-sr='enter right'></i>

                        <h4 data-sr='enter right'><strong>Awesome Community</strong></h4>
                        <p data-sr='enter right'>A forum is the soul of a community, therefore, we put a big effort it on its development. We have a well organised forum with plenty of categories.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- FEATURES END -->

        <!-- BLOG START -->
        <div class="page-section-blog" id="blog" data-sr='enter bottom'>
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-offset-1 blog-main">

                        <div class="blog-post">
                            <h2 class="blog-post-title">Welcome to to the new website!</h2>
                            <p class="blog-post-meta">July 22, 2016 by <a href="#">Adam</a></p>

                            <p>Hi!,</p>
                                <p>Thanks for using my free theme you've downloaded. This is one of the biggest updates yet for this website theme. Please feel free to take advantage of this theme and customize it to your liking. <b>If you decide to use it, send me a link to your website. I'd love to see how this is used!</b></p>
                                <br>
                                <p>Thanks,</p>
                                <p>Adam.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- BLOG END -->

        <!-- MAIN CONTENT END -->

        <!-- FOOTER START -->
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-md-8 col-centered">
                        <div class="col-md-4" data-sr='enter left'>
                            <h4><strong>Follow Us</strong></h4>
                            <ul class="list-unstyled">
                                <li><a href="#"><i class="fa fa-******** text-primary"></i> ********</a></li>
                                <li><a href="#"><i class="fa fa-youtube text-danger"></i> Youtube</a></li>
                                <li><a href="#"><i class="fa fa-******-plus text-danger"></i> ******+</a></li>
                            </ul>
                        </div>
                        <div class="col-md-4" data-sr='enter top'>
                            <h4><strong>Links</strong></h4>
                            <ul class="list-unstyled">
                                <li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
                                <li><a href="#"><i class="fa fa-users"></i> Forums</a></li>
                                <li><a href="#"><i class="fa fa-usd text-success"></i> Donate</a></li>
                                <li><a href="#"><i class="fa fa-ban text-danger"></i> Bans</a></li>
                            </ul>
                        </div>
                        <div class="col-md-4" data-sr='enter right'>
                            <h4><strong>Server Statistics</strong></h4>
                            <ul class="list-unstyled">
                                <li><a href="#"><i class="fa fa-level-up"></i> Top Scores</a></li>
                                <li><a href="#"><i class="fa fa-usd text-success"></i> Top Richest</a></li>
                                <li><a href="#"><i class="fa fa-plus"></i> Top Kills</a></li>
                                <li><a href="#"> <i class="fa fa-minus"></i> Top Deaths</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <div class="copyright" data-sr='enter bottom'>&copy; Copyright Server Name 2016. All Rights Reserved.</div>
        <!-- FOOTER END -->

        <!-- Bootstrap core JavaScript -->

        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.******apis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

        <!-- Bootstrap Javascript -->
        <script src="js/bootstrap.min.js"></script>

        <!-- ScrollReveal.js -->
        <script src='js/scrollReveal.min.js'></script>

        <!-- Initialize ScrollReveal.js -->
        <script>
            window.sr = new scrollReveal();
        </script>

        <!-- Custom Javascript -->
        <script>
            $(document).ready(function() {
     
                // HIDE AND SHOW NAVBAR ON SCROLL //

                // hide .navbar first

                $(".navbar").hide();
                                
                // fade in .navbar

                $(function () {
                    $(window).scroll(function () {
                        // set distance user needs to scroll before we fadeIn navbar
                        if ($(this).scrollTop() > 100) {
                            $('.navbar').fadeIn();
                        } else {
                            $('.navbar').fadeOut();
                        }
                    });
                                
                });

                $('a[href*=#]').click(function() {
                if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
                    && location.hostname == this.hostname) {
                      var $target = $(this.hash);
                      $target = $target.length && $target
                      || $('[name=' + this.hash.slice(1) +']');
                      if ($target.length) {
                        var targetOffset = $target.offset().top;
                        $('html,body')
                        .animate({scrollTop: targetOffset}, 1000);
                       return false;
                      }
                    }
                });
            });
        </script>
    </body>
</html> 
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)