pgergov.github.io/index.html at master · pgergov/pgergov.github.io · 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
<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Code Week</title>

    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link href="static/css/main.css" rel="stylesheet" type="text/css"/>
    <link href="static/css/flexboxgrid.min.css" rel="stylesheet" type="text/css"/>

    <script src="static/js/jquery-2.2.4.min.js" type="text/javascript" ></script>
    <script src="static/js/main.js" type="text/javascript"></script>
  </head>

  <body>
    <div class="main-container row">
      <div class="col-xs-offset-1 col-xm-offset-1 col-md-offset-1 col-xs-10 col-xm-10 col-md-10">
        <div class="shano box">

          <div class="header-container row">
            <div class="col-xs-8 col-xm-8 col-md-8">
              <div class="box">
                <h1>Blog for Code Week Vratsa 2017</h1>
                <h3>Or what we did during the front-end module</h3>
              </div>
            </div>
            <div class="col-xs-4 col-xm-4 col-md-4">
              <div class="box center-xs center-xm center-md">
                <div class="search-icons-container">
                  <img alt="facebook-icon" src="static/images/facebook-icon.png">
                  <img alt="instagram-icon" src="static/images/instagram-icon.png">
                  <img alt="github-icon" src="static/images/github-icon.png">
                </div>
                <div clas="search-input-container">
                  <input id="advanced-search" type="text" name="search-input" placeholder="Search"/>
                  <button id="search-button">Search</button>
                </div>
              </div>
            </div>
          </div>

          <div class="navigation-container row">
            <div class="col-xs col-xm col-md center-xs center-xm center-md">
              <div class="box">
                <a href="">Home</a>
                <a href="">Why we do it</a>
                <a href="">About ut</a>
                <a href="">Past events</a>
              </div>
            </div>
          </div>

          <div class="article-container row">
            <div class="col-xs-8 col-xm-8 col-md-8">
              <div class="box">
                <h2>The Students</h2>
                <div class="text-container">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </div>
                <h2>The Mentors</h2>
                <div class="text-container">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </div>
                <h2>The Sponsors</h2>
                <div class="text-container">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                </div>
              </div>
            </div>
            <div class="col-xs-4 col-xm-4 col-md-4 center-xs center-xm center-md">
              <div class="box calendar-container">
                <img alt="calendar-icon" src="static/images/calendar-icon.png">
              </div>
              <div class="technologies-container box">
                <p>Find more about:</p>
                <p>
                  <a href="">HTML</a>
                  <a href="">CSS</a>
                </p>
                <p>
                  <a href="">JavaScript</a>
                </p>
                <p>
                  <a href="">Mockups</a>
                </p>
              </div>
            </div>
          </div>

          <div class="footer-container row">
            <div class="col-xs col-xm col-md">
              <div class="box">
                <div class="row">
                  <div class="col-xs-offset-6 col-md-offset-8 col-xs-6 col-md-4">
                    <h3>Organized by: <a href="http://school.vratsasoftware.com/en/">Vratsa Software Community</a></h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>