BrainCard/index.html at master · Hubses/BrainCard · 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
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html lang="en-US">

<head>
    <title>Welcome to brainhubses</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="w3.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
    <!-- 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.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="style.css">
    <!--Link for favicon-->
    <link rel="shortcut icon" href="./logo.png" type="image/png">
</head>

<body>
<!--Navbar-->
<div class="w3-top">
    <ul class="w3-navbar w3-card-2 w3-animate-top w3-white" id="myNavbar">
        <li><a href="https://hubses.github.io/BrainCard/index.html"> HOME</a></li>
        <li><a href="https://hubses.github.io/BrainCard/index-rus.html">Switch to russian</a></li>
    </ul>
</div>

<!--Logo text-->
<div class="bgimg-1 w3-opacity w3-display-container">
    <div class="w3-display-middle" style="white-space:nowrap;">
        <span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">BrainHubs</span>
    </div>
</div>
<!--About us-->
<div class="w3-content w3-container w3-padding-64">
    <div class="w3-padding-16 w3-center"><span class="w3-xlarge w3-border-teal w3-bottombar">About US</span></div>
    <p class="w3-center"><em>We love coding!</em></p>
    <p>Yes it is, we really love this. For the improve this, we create a github, facebook, google+ profiles for you!</p>
    <div class="w3-row">
        <div class="w3-col m6 w3-center w3-section">
            <p><b>BrainHubs</b></p><br>
            <img src="https://hubses.github.io/BrainCard/logo.png" class="w3-circle" style="height:80px"
                 alt="Photo of Me">
        </div>

        <!-- Hide this text on small devices -->
        <div class="w3-col m6 w3-hide-small w3-section">
            <p>Welcome to our website. He improve that we can create a good things like news agregator and system for
                automatic creation
                timetables.
            </p>
        </div>
    </div>
</div>
<!--Portfolio-->
<div class="bgimg-2 w3-display-container">
    <div class="w3-display-middle">
        <span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">PORTFOLIO</span>
        <!--<span class="w3-xxlarge w3-text-light-grey w3-wide">PORTFOLIO</span>-->
    </div>
</div>


<div class="w3-content w3-container w3-padding-64">
    <div class="w3-padding-16 w3-center"><span class="w3-xlarge w3-border-teal w3-bottombar">Our works</span></div>
    <!--<h3 class="w3-center">OUR WORKS</h3>-->

    <!-- Responsive Grid. Four columns on tablets, laptops and desktops. Will stack on mobile devices/small screens (100% width) -->
    <div class="w3-row-padding w3-center">
        <div class="w3-col m3">
            <a href="http://zanyatki.by" target="_blank">
                <img src="https://hubses.github.io/BrainCard/zanyatkiby.jpg" style="width:100%"
                     class="w3-hover-opacity"></a>
            <h5>Zanyatki.by</h5>
            </a>
        </div>

        <div class="w3-col m3">
            <a href="http://invalider.by" target="_blank">
                <img src="./invalider.png" style="width:100%" class="w3-hover-opacity">
                <h5>Invalider.by</h5>
            </a>
        </div>

        <div class="w3-col m3">
            <a href="https://project-chaining.firebaseapp.com" target="_blank">
                <img src="./chaning.png" style="width:100%" class="w3-hover-opacity">
                <h5>Project-Chaning</h5>
            </a>
        </div>

        <div class="w3-col m3">
            <a href="https://gameoflife-e7219.firebaseapp.com" target="_blank">
                <img src="./gameoflife.png" style="width:100%" class="w3-hover-opacity">
                <h5>Game Of Life</h5>
            </a>
        </div>
    </div>
</div>


<div class="bgimg-3 w3-display-container">
    <div class="w3-display-middle">
        <span class="w3-center w3-padding-xlarge w3-black w3-xlarge w3-wide w3-animate-opacity">CONTACT</span>
        <!--<span class="w3-xxlarge w3-text-light-grey w3-wide">CONTACT</span>-->
    </div>
</div>
<!--АаАА Страшно-->
<div class="w3-container w3-padding-64 w3-theme-l5" id="contact">
    <div class="w3-row">
        <div class="w3-col m5">
            <div class="w3-padding-16"><span class="w3-xlarge w3-border-teal w3-bottombar">Contact Us</span></div>
            <h3>Address</h3>
            <p>Swing by for a cup of coffee, or whatever.</p>
            <p><i class="fa fa-map-marker w3-text-teal w3-xlarge"></i> Belarus, Mogilev</p>
            <p><i class="fa fa-phone w3-text-teal w3-xlarge"></i> +375447379445</p>
            <p><i class="fa fa-envelope-o w3-text-teal w3-xlarge"></i> brainhubses@gmail.com</p>
        </div>
        <div class="w3-col m7">
            <form class="w3-container w3-card-4 w3-padding-16 w3-white">
                <div class="w3-group">
                    <label class="w3-label">Name</label>
                    <input class="w3-input" type="text">
                </div>
                <div class="w3-group">
                    <label class="w3-label">Email</label>
                    <input class="w3-input" type="text">
                </div>
                <div class="w3-group">
                    <label class="w3-label">Subject</label>
                    <input class="w3-input" type="text">
                </div>
                <input class="w3-check" type="checkbox" checked="">
                <label class="w3-validate">I Like it!</label>
                <button type="button" class="w3-btn w3-right w3-theme">Send</button>
            </form>
        </div>
    </div>
</div>
<!--Footer-->
<footer class="w3-container w3-padding-32 w3-theme-d1 w3-center">
    <div class="w3-padding-16"><span class="w3-xlarge w3-border-teal w3-bottombar">Follow Us</span></div>
    <a class="w3-btn-floating w3-teal" href="https://twitter.com/BrainHubses" title="Twitter" target="_blank"><i
            class="fa fa-twitter"></i></a>
    <a class="w3-btn-floating w3-teal" href="https://plus.google.com/u/1/117010011210184983670" title="Google +"
       target="_blank"><i class="fa fa-google-plus"></i></a>
    <a class="w3-btn-floating w3-teal " href="https://github.com/Hubses" title="github" target="_blank"><i
            class="fa fa-github"></i></a>
</footer>
</body>

</html>