simpleBlog/index.html at master · VKravchuk/simpleBlog · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html data-ng-app="blog">
<head>
    <title>MyBlog</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/main.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <meta charset="UTF-8">
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="wrapper container mrg-top" data-ng-controller="IncludeController as include">
    <div data-ng-include="include.header"></div>
    <nav>
        <div class="container mrg-top">
            <div class="row" id="default-menu-position">
                <div class="navbar topmenu navbar-default col-md-12 col-xs-12">
                    <div class="container">
                        <div class="navbar-header">
                            <a href="/" class="navbar-logo"><img src="/images/logo.png" alt="Whitesquare logo"></a>
                            <button type="button" class="navbar-toggle " data-toggle="collapse"
                                    data-target=".navbar-collapse">
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                        </div>
                        <div class="collapse navbar-collapse">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="/">HOME</a></li>
                                <li><a href="/html/categories/categories-index.html">CATEGORIES</a></li>
                                <li><a href="/html/about.html">ABOUT US</a></li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </nav>
    <div class="heading">
        <h1>HOME</h1>
    </div>
    <div class="container-fluid back-to-top navbar-fixed-bottom">
        <button class="btn btn-default" id="btn-back-to-top"><span class="glyphicon glyphicon-chevron-up"></span>
        </button>
    </div>
    <div class="row">
        <section class="col-md-9 col-lg-9 col-sm-9">
            <div class="row" id="post0">
                <div class="bg-titles titles-head col-md-12 ">
                    <h3>Introduction</h3>
                    <h6 class="text-muted">Added today at 21.05 by <a href="#">VKravchuk</a></h6>
                    <h6 class="text-muted">Categories:<a href="/html/categories/tamplates.html">Tamplates</a></h6>
                </div>
                <p class="col-md-12">
                    <img class="img-responsive img-text-main"
                         src="http://www.absolutek-9services.com/sitebuilder/images/dfgsdfg2-448x332.jpg"
                         alt="Introduction picture">
                    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut purus elit,
                    vestibulum ut, placerat ac, adipiscing vitae, felis. Curabitur dictum gravida
                    mauris. Nam arcu libero, nonummy eget, consectetuer id, vulputate a,
                    magna. Donec vehicula augue eu neque. Pellentesque habitant morbi tris-
                    tique senectus et netus et malesuada fames ac turpis egestas. Mauris ut leo.
                    Cras viverra metus rhoncus sem. Nulla et lectus vestibulum urna fringilla
                    ultrices. Phasellus eu tellus sit amet tortor gravida placerat. Integer sapien
                    est, iaculis in, pretium quis, viverra ac, nunc. Praesent eget sem vel leo ultri-
                    ces bibendum. Aenean faucibus. Morbi dolor nulla, malesuada eu, pulvinar
                    at, mollis ac, nulla. Curabitur auctor semper nulla. Donec varius orci eget
                    risus. Duis nibh mi, congue eu, accumsan eleifend, sagittis quis, diam. Duis
                    eget orci sit amet orci dignissim rutrum.
                </p>
                <a href="/html/post/introduction.html" class="btn btn-info col-md-3">Read full version...</a>
            </div>
            <div class="row mg-top" id="post1">
                <div class="bg-titles titles-head col-md-12 ">
                    <h3>Methods</h3>
                    <h6 class="text-muted">Added yesterday at 11.43 by <a href="#">VKravchuk</a></h6>
                    <h6 class="text-muted">Categories:<a href="html/categories/tamplates.html">Tamplates</a></h6>
                </div>
                <p class="col-md-12">
                    Fusce mauris. Vestibulum luctus nibh at lectus. Sed bibendum, nulla
                    a faucibus semper, leo velit ultricies tellus, ac venenatis arcu wisi vel nisl.
                    Vestibulum diam. Aliquam pellentesque, augue quis sagittis posuere, turpis
                    lacus congue quam, in hendrerit risus eros eget felis. Maecenas eget erat in
                    sapien mattis porttitor. Vestibulum porttitor. Nulla facilisi. Sed a turpis eu
                    lacus commodo facilisis. Morbi fringilla, wisi in dignissim interdum, justo
                    lectus sagittis dui, et vehicula libero dui cursus dui. Mauris tempor ligula
                    sed lacus. Duis cursus enim ut augue. Cras ac magna. Cras nulla. Nulla
                    egestas. Curabitur a leo. Quisque egestas wisi eget nunc. Nam feugiat lacus
                    vel est. Curabitur consectetuer.
                </p>
                <a href="/html/post/methods.html" class="btn btn-info col-md-3">Read full version...</a>
            </div>
            <div class="row mg-top" id="post2">
                <div class="bg-titles titles-head col-md-12 ">
                    <h3>Results and discussion</h3>
                    <h6 class="text-muted">Added 10/07/2014 at 16.30 by <a href="#">VKravchuk</a></h6>
                    <h6 class="text-muted">Categories:<a href="html/categories/tamplates.html">Tamplates</a></h6>
                </div>
                <p class="col-md-12">
                    Suspendisse vitae elit. Aliquam arcu neque, ornare in, ullamcorper quis,
                    commodo eu, libero. Fusce sagittis erat at erat tristique mollis. Maece-
                    nas sapien libero, molestie et, lobortis in, sodales eget, dui. Morbi ultrices
                    rutrum lorem. Nam elementum ullamcorper leo. Morbi dui. Aliquam sagit-
                    tis. Nunc placerat. Pellentesque tristique sodales est. Maecenas imperdiet
                    lacinia velit. Cras non urna. Morbi eros pede, suscipit ac, varius vel, eges-
                    tas non, eros. Praesent malesuada, diam id pretium elementum, eros sem
                    dictum tortor, vel consectetuer odio sem sed wisi.
                </p>
                <a href="/html/post/results.html" class="btn btn-info col-md-3">Read full version...</a>
            </div>
        </section>
        <aside class="col-md-3 col-lg-3 col-sm-3">
            <div data-ng-include="include.aside"></div>
        </aside>
    </div>
    <ul class="pagination">
        <li class="disabled"><a href="#">&laquo;</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="html/page1.html">2</a></li>
        <li><a href="html/page1.html">&raquo;</a></li>
    </ul>
</div>
<footer>
    <div class="container-fluid footer mrg-top">
        <div class="container">
            <div class="col-md-3 col-md-offset-5 mrg-top">
                <img src="images/footer-logo.png" class="footer-logo" alt="Logo">

                <p class="copy">Copyrigth &copy; Some copyright olololo azazaza</p>
            </div>
        </div>
    </div>
</footer>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/work.js"></script>
<script src="js/angular.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>