-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (129 loc) · 5.85 KB
/
index.html
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
<!DOCTYPE html>
<html>
<title>Test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--External CSS Style -->
<link rel="stylesheet" href="CSS/CSS.css">
<!-- Front Style -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<style>
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
</style>
<body class="w3-light-grey">
<!-- w3-content defines a container for fixed size centered content,
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:1400px">
<!-- Header -->
<header class="w3-container w3-center w3-padding-32">
<h1><b>Test</b></h1>
<p>Test<span class="w3-tag">Test</span></p>
</header>
<!-- Grid -->
<div class="w3-row">
<!-- Blog entries -->
<div class="w3-col l8 s12">
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<div class="w3-container">
<h3><b>TRY BOOTSTRAP</b></h3>
<h5>Trying Bootstrap, <span class="w3-opacity">12/07/2017</span></h5>
</div>
<div class="w3-container">
<p>Trying BOOTSTRAP for work.</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><a href="Bstrap/" class="w3-button w3-padding-large w3-white w3-border"><b>CLICK HERE »</b></a></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b>Comments </b> <span class="w3-tag">0</span></span></p>
</div>
</div>
</div>
</div>
<hr>
<!-- Blog entry -->
<div class="w3-card-4 w3-margin w3-white">
<div class="w3-container">
<h3><b>JAVA Script.</b></h3>
<h5>JScript basic 10 type, <span class="w3-opacity">12/07/2017</span></h5>
</div>
<div class="w3-container">
<p>Testing and trying basic Java script .</p>
<div class="w3-row">
<div class="w3-col m8 s12">
<p><a href="Java/" class="w3-button w3-padding-large w3-white w3-border"><b>CLICK HERE »</b></a></p>
</div>
<div class="w3-col m4 w3-hide-small">
<p><span class="w3-padding-large w3-right"><b>Comments </b> <span class="w3-badge">2</span></span></p>
</div>
</div>
</div>
</div>
<!-- END BLOG ENTRIES -->
</div>
<!-- Introduction menu -->
<div class="w3-col l4">
<!-- About Card -->
<div class="w3-card w3-margin w3-margin-top">
<div class="w3-container w3-white">
<h4><b>My Name</b></h4>
<p>JEFF, Just me, myself and I, exploring the universe of uknownment. Jk my name kissakon.</p>
</div>
</div><hr>
<!-- Posts -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>VID AND PIC TEST</h4>
</div>
<ul class="w3-ul w3-hoverable w3-white">
<li class="w3-padding-16">
<iframe width="400" height="400" src="https://www.youtube.com/embed/1Z3dLICMUn4" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
<span class="w3-large">Favorite song</span><br>
<span>Misio : Anthem for the broken</span>
</li>
<li class="w3-padding-16">
<img src="https://images.unsplash.com/photo-1504672281656-e4981d70414b?dpr=1&auto=format&fit=crop&w=376&h=251&q=60&cs=tinysrgb&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D" alt="Image" class="w3-left w3-margin-right" style="width:100%">
<span class="w3-large">Some Rock with Huge width</span><br>
<span>Grey rock</span>
</li>
<li class="w3-padding-16">
<img src="https://images.unsplash.com/photo-1504672281656-e4981d70414b?dpr=1&auto=format&fit=crop&w=376&h=251&q=60&cs=tinysrgb&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D" alt="Image" class="w3-left w3-margin-right" style="width:50px">
<span class="w3-large">And same rock with fixed width</span><br>
<span>The same Grey rock</span>
</li>
<li class="w3-padding-16 w3-hide-medium w3-hide-small">
<span class="w3-large">and just nothing</span><br>
<span>to test CSS</span>
</li>
</ul>
</div>
<hr>
<!-- Labels / tags -->
<div class="w3-card w3-margin">
<div class="w3-container w3-padding">
<h4>Tags</h4>
</div>
<div class="w3-container w3-white">
<p><span class="w3-tag w3-black w3-margin-bottom">Travel</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">New York</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">London</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">IKEA</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">NORWAY</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">DIY</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Ideas</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Baby</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Family</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">News</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Clothing</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Shopping</span>
<span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Sports</span> <span class="w3-tag w3-light-grey w3-small w3-margin-bottom">Games</span>
</p>
</div>
</div>
<!-- END Introduction Menu -->
</div>
<!-- END GRID -->
</div><br>
<!-- END w3-content -->
</div>
<!-- Footer -->
<footer class="w3-container w3-dark-grey w3-padding-32 w3-margin-top">
<button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">Previous</button>
<button class="w3-button w3-black w3-padding-large w3-margin-bottom">Next »</button>
<p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</footer>
</body>
</html>