index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>codebender R&D Hellas</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" />
    <link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" rel="stylesheet" />

    <link rel="stylesheet" href="css/styles.css" />
  </head>
  <body >
    <nav class="navbar navbar-trans navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsible">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand text-danger" href="#">codebender R&D Hellas</a>
        </div>
        <div class="navbar-collapse collapse" id="navbar-collapsible">
            <ul class="nav navbar-nav navbar-left">
                <li><a href="#section1">Αρχική</a></li>
                <li><a href="#section2">Επιχείρηση</a></li>
                <li><a href="#section3">Στοιχεία ΓΕΜΗ</a></li>
                <li><a href="#section5">Ισολογισμοί</a></li>
                <li><a href="#section6">Επικοινωνία</a></li>
                <li>&nbsp;</li>
            </ul>
        </div>
    </div>
</nav>

<section class="container-fluid" id="section1">
    <div class="v-center">
        <h1 class="text-center"><img src="logo.png" class="img-circle"><br>codebender R&D Hellas</h1>
        <h2 class="text-center lato animate slideInDown">proud makers of codebender.cc</h2>
    </div>
    <a href="#section2">
		<div class="scroll-down bounceInDown animated">
            <span>
                <i class="fa fa-angle-down fa-2x"></i>
            </span>
		</div>
        </a>
</section>

<section class="container-fluid" id="section2">
    <div class="container v-center">
        <div class="row">
            <div class="col-sm-4 col-sm-offset-2 text-center">
                <div class="row">
                    <div class="col-sm-12 text-center">
                        <div class="panel panel-default slideInLeft animate">
                            <div class="panel-heading">
                                <h3>codebender R&D Hellas</h3>
                            </div>
                            <div class="panel-body">
                                <p>Aναπτύσσει υπηρεσίες σχεδιασμού, υποστήριξης και ολοκλήρωσης λογισμικού με στόχο τη μελέτη και την ανάπτυξη συνόλου εφαρμογών παγκοσμίου ιστού που αποτελούν  εργαλεία προγραμματισμού για πλατφόρμες ανάπτυξης.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-4 text-center">
                <div class="row">
                    <div class="col-sm-12 text-center">
                        <div class="panel panel-default slideInUp animate">
                            <div class="panel-heading">
                                <h3>codebender.cc</h3>
                            </div>
                            <div class="panel-body">
                                <p>Mια online πλατφόρμα για χρήστες embedded hardware, που απλοποιεί τον τρόπο με τον οποίο γίνεται το χτίσιμο και ο προγραμματισμός του hardware, κάνοντάς το πιο προσιτό σε όλους.</p>
                                <hr>
                                <p>Μέσω του codebender κάθε χρήστης μπορεί να ξεκινήσει γρήγορα και εύκολα με τα βασικά, γλυτώνοντας πολύτιμο χρόνο που απαιτείται για την εγκατάσταση, τη ρύθμιση, την αναβάθμιση προγραμμάτων να αναπτύξει τα projects του και να συνεργαστεί με άλλους χρήστες.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/row-->
        <div class="row">
            <br>
        </div>
    </div>
    <!--/container-->
</section>

<section>
    <div class="container-fluid v-center">
        <div class="row">
            <div class="col-sm-2 col-sm-offset-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
            <div class="col-sm-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
            <div class="col-sm-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
            <div class="col-sm-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-2 col-sm-offset-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
            <div class="col-sm-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
            <div class="col-sm-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
            <div class="col-sm-2 col-xs-6">
                <div class="text-center">
                    <h3 class="text-center"></h3>
                </div>
            </div>
        </div>
        <!--/row-->
    </div>
</section>

<section class="container-fluid" id="section3">
    <h2 class="text-center">CODEBENDER R&D HELLAS<br>ΜΟΝΟΠΡΟΣΩΠΗ ΙΔΙΩΤΙΚΗ
ΚΕΦΑΛΑΙΟΥΧΙΚΗ ΕΤΑΙΡΕΙΑ</h2>
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3">
            <h3 class="text-center lato slideInUp animate">ΥΠΗΡΕΣΙΕΣ ΣΧΕΔΙΑΣΜΟΥ, ΥΠΟΣΤΗΡΙΞΗΣ & ΟΛΟΚΛΗΡΩΣΗΣ ΣΥΣΤΗΜΑΤΟΣ ΛΟΓΙΣΜΙΚΟΥ</h3>
            <br>
            <div class="row">
                <div class="col-xs-6 col-xs-offset-3">
                    Διακριτικός Τίτλος: Ι.Κ.Ε.<br>
                    Α.Φ.Μ.: 800650115<br>
                    Δ.Ο.Υ.: Α' ΠΑΤΡΩΝ<br>
                    Αριθμός ΓΕΜΗ: 134072516000<br>
                    Υπηρεσία ΓΕΜΗ: Επιμελητήριο
                    Διεύθυνση: Ελασσόνος 11Α<br>
                    Τ.Κ. 26223<br>
                    Ημ. Λήξης 1ης Χρήσης: 31/12/2015<br>
                    Κεφάλαιο: 1,00
                </div>
            </div>
            <br>
        </div>
    </div>
</section>

<section class="container-fluid" id="section5">
    <div class="row">
        <div class="col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
            <h2 class="text-center lato">Ισολογισμοί</h2>
            <hr>
            <div class="media">
                <div class="media-left">
                    2015
                </div>
                <div class="media-body media-middle">
                    <p>Ισολογισμός</p>
                    <p>Πρόσκληση</p>
                    <p>Ανακοίνωση</p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="container-fluid" id="section6">
    <div class="row">
        <div class="col-sm-12 text-center">
            <h2>Τηλέφωνο επικοινωνίας: (+30) 2610870708</h2>
        </div>
    </div>
</section>
<section class="container-fluid" id="section7">
    <div class="row">
        <div class="col-sm-1 col-sm-offset-4 col-xs-4 text-center">
            <a href="https://github.com/codebendercc"><i class="fa fa-github fa-4x"></i></a>
        </div>
        <div class="col-sm-1 col-xs-4 text-center">
            <a href="https://www.facebook.com/codebender.cc"><i class="fa fa-facebook fa-4x"></i></a>
        </div>
        <div class="col-sm-1 col-xs-4 text-center">
            <a href="https://twitter.com/codebender_cc"><i class="fa fa-twitter fa-4x"></i></a>
        </div>
        <div class="col-sm-1 col-xs-4 text-center">
            <a href="mailto:help@codebender.cc"><i class="fa fa-envelope-o fa-4x"></i></a>
        </div>
    </div>
</section>

<footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-xs-6 col-sm-6 col-md-3 column">
                <h4></h4>
                <ul class="nav">
                    <li><a href="#"></a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-3 column">
                <h4></h4>
                <ul class="nav">
                    <li><a href="#"></a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-3 column">
                <h4></h4>
                <ul class="nav">
                    <li><a href=""></a></li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-3 column">
                <h4></h4>
                <ul class="nav">
                    <li><a href="#"></a></li>
                </ul>
            </div>
        </div>
        <p class="text-right">©2015</p>
    </div>
</footer>

<div class="scroll-up">
	<a href="#"><i class="fa fa-angle-up"></i></a>
</div>

    <!--scripts loaded here-->
    
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    
    <script src="js/scripts.js"></script>
  </body>
</html>