TestBlog/single-post.html at master · AlinaKulishdp/TestBlog · 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
<!DOCTYPE html>
<html>
   <head>
       <meta charset="UTF-8">
       <title> My blog </title>
       <link rel="stylesheet" type="text/css" href="css/style.css">
       <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
       <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
        <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    </head>
    <body>
      <div class="row">
        <div class="col s12 no-padding">
          <nav class="teal darken-1">
            <div class="nav-wrapper">
              <a href="singl-post.html" class="brand-logo margin-left white-text">Travelling blog</a>
              <a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
              <div class="right hide-on-med-and-down my_padding">
                <a class="waves-effect waves-light btn teal darken-3">SIGN IN</a>
                <a class="waves-effect waves-light btn">SIGN UP</a>
              </div>
              <ul class="side-nav" id="mobile-demo">
                <li><a href="index.html">HOME</a></li>
                <li><a href="#">SIGN IN</a></li>
                <li><a href="#">SIGN UP</a></li>
              </ul>
            </div>
          </nav>
        </div>
          <div class="col s12 teal lighten-5 z-depth-1">
            <div class="container center-align"><br>
                <a href="index.html" class="brand-logo margin-left black-text">Номе</a><span>  /</span>
                <a href="all-blogs.html" class="brand-logo margin-left black-text">All Blogs</a><span>  /</span>
                <a href="single-blog.html" class="brand-logo margin-left black-text">Blog Name</a><span>  /</span>
                <a href="#" class="brand-logo margin-left black-text">Post Name</a><br><br>
            </div>
          </div>
    </div>
    <div class="row">
        <div class="col s12 center-align">
            <img class="responsive-img post-image z-depth-2 materialboxed" width="1280px" src="img/kard_1.jpg">
        </div>
    </div>
    <div class="container">
            <h5>Travelling </h5>
            <div class="divider"></div>
            <div><span class="post-author">POSTER BY: Kulis Alina</span>
            <span class="post-date right">POSTER ON: 19.07.15</span></div>
            <div class="section">
            <p>Millions people all over the world spend their holidays travelling. They travel to see other countries and continents, modern cities and the ruins of ancient towns, they travel to enjoy picturesque places or just for a change of scene. It's always interesting to discover new things and different ways of life, to meet different people, to try different food, to listen to different music.</p>
            <p>Those who live in the country like to go to a big city and spend their time visiting museums and art galleries, looking at shop windows and dining at exotic restaurants. City residents usually like a quiet holiday by the sea and in the mountains with nothing to do but walk and bathe and lay in the sun. Most travelers and holiday-makers take a camera with them and take pictures of everything that interest them - the sights of a city, old churches and castles, views of mountains, lakes, valleys, plains, waterfalls, forests, different kinds of trees, flowers and plants, animals and birds. Later, perhaps years later, they will be reminded by the photos of the happy time they had. </p>
            <div class="card-panel teal lighten-5 hoverable">
                <div class="row">
                    <div class="col s12 m2 l1 center-align"><i class="medium material-icons">info_outline</i></div>
                    <div class="col s12 m10 l11">
                        <span>People travel by train, by plane, by ship or boat and by car. All means of travel have their advantages and disadvantages. And people choose one according to their plans and preferences. The fasters way of travelling - is travelling by plane, but in my opinion the most comfortable is travelling by ship and the cheapest is travelling on foot.</span>
                    </div>
                </div>
            </div>
            </div>
            <div class="divider"></div>
            <h5>Comments</h5>
            <div class="card-panel grey lighten-5 z-depth-1 hoverable">
              <div class="row">
                <div class="col s12 m2 l2 center-align">
                  <img src="img/my-self.jpg" alt="" class="circle responsive-img comement-logo"><br>
                  <span class="person center">Kulish Alina</span>
                  <span class="date-comment center">19.07.15</span>
                </div>
                <div class="col s12 m10 l10">
                  <p class="black-text">
                    As for me, I prefer to travel by plane. And now I would like to tell you about my first travelling by plane. It was in 1998 when I travelled to Italy. I travelled without parents, but with guide and other children. I don't remember exactly how much time it took to fly from Minsk to Venice, but I think it must be about 2 or 3 hours. During the flight I communicated with my neighbours, I admired the view from my window and slept a bit.
                  </p>
                </div>
              </div>
            </div>
            <div class="divider"></div><br><br>
            <div class="row">
                <form class="col s12">
                  <div class="row">
                    <div class="input-field col s12">
                      <textarea id="textarea1" class="materialize-textarea"></textarea>
                      <label for="textarea1">Enter your comment</label>
                    </div>
                    <a class="waves-effect waves-light btn teal darken-3">Comment</a>
                  </div>
                </form>
              </div>
    </div>
      <footer class="page-footer teal darken-4">
            <div class="container row">
              <div class="col l6 s12">
                <h5 class="white-text">Our contacts</h5>
                <p class="grey-text text-lighten-4">Phone: +380 66 309 55 89<br>
                                                    E-mail: kylish.alina.dp@gmail.com
                </p>
              </div>
              <div class="col l4 offset-l2 s12">
                <h5 class="white-text">Rate our blog</h5>
                <ul>
                  <li>
                      <a class="grey-text text-lighten-3" href="#!"><i class="small material-icons">thumb_down</i></a><br>
                      <a class="grey-text text-lighten-3" href="#!"><i class="small material-icons">thumb_up</i></a>
                  </li>
                  <li></li>
                </ul>
              </div>
            </div>
              <div class="footer-copyright">
                <div class="container">
                © 2014 Copyright by Kulish Alina
                <a class="grey-text text-lighten-4 right" href="https://github.com/">Go to GitHub</a>
                </div>
            </div>
      </footer>
    <script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script type="text/javascript" src="js/materialize.min.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    </body>
</html>