Skip to content

Commit 9bf9b7a

Browse files
ApfireboltApfirebolt
committed
headers added to pages
1 parent 2397208 commit 9bf9b7a

File tree

5 files changed

+146
-33
lines changed

5 files changed

+146
-33
lines changed

‎about.html

+37-7
Original file line numberDiff line numberDiff line change
@@ -4,18 +4,46 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Document</title>
7+
<title>About Page</title>
88
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.1/css/bulma.min.css">
99
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
1010
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
1111
<link href="https://fonts.googleapis.com/css2?family=Merriweather&display=swap" rel="stylesheet">
1212
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.1/vue.js"></script>
13-
<style>
14-
15-
</style>
1613
</head>
1714

1815
<body>
16+
<nav class="navbar" role="navigation" aria-label="main navigation">
17+
<div class="navbar-brand">
18+
<a class="navbar-item" href="https://bulma.io">
19+
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg" width="148" height="36">
20+
</a>
21+
</div>
22+
23+
<div class="navbar-menu">
24+
<div class="navbar-end">
25+
<a class="navbar-item" href="/index.html">
26+
HOME
27+
</a>
28+
29+
<a class="navbar-item" href="/pokemon.html">
30+
POKEMON
31+
</a>
32+
33+
<a class="navbar-item" href="/about.html">
34+
ABOUT
35+
</a>
36+
37+
<a class="navbar-item" href="/animation.html">
38+
ANIMATION
39+
</a>
40+
41+
<a class="navbar-item" href="/conditional.html">
42+
CONDITION
43+
</a>
44+
</div>
45+
</div>
46+
</nav>
1947

2048
<!-- Hero del producto -->
2149
<section class="hero is-white is-fullheight" id="app">
@@ -34,8 +62,9 @@ <h1 class="title titled is-1 mb-6">
3462
<div class="buttons">
3563
<p id="counterValue" class="mr-3">
3664
Counter Value - {{ counter }}
37-
</p>
38-
<button class="button is-yellow" id="counterBtn" @click="incrementCounter">Counter <span id="counterValue"></span></button>
65+
</p>
66+
<button class="button is-yellow" id="counterBtn" @click="incrementCounter">Counter <span
67+
id="counterValue"></span></button>
3968
</div>
4069
</div>
4170
<div data-aos="fade-right" class="column
@@ -77,10 +106,11 @@ <h1 class="title titled is-1 mb-6">
77106
filters: {
78107
currencyFilter(value) {
79108
return '$ ' + value
80-
}
109+
}
81110
},
82111
methods: {
83112
incrementCounter() {
113+
// console.log('Counter incremented', this.counter)
84114
this.counter += 1;
85115
}
86116
}

‎animation.html

+31
Original file line numberDiff line numberDiff line change
@@ -53,7 +53,38 @@
5353
</head>
5454

5555
<body>
56+
<nav class="navbar" role="navigation" aria-label="main navigation">
57+
<div class="navbar-brand">
58+
<a class="navbar-item" href="https://bulma.io">
59+
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg" width="148"
60+
height="36">
61+
</a>
62+
</div>
63+
64+
<div class="navbar-menu">
65+
<div class="navbar-end">
66+
<a class="navbar-item" href="/index.html">
67+
HOME
68+
</a>
69+
70+
<a class="navbar-item" href="/pokemon.html">
71+
POKEMON
72+
</a>
73+
74+
<a class="navbar-item" href="/about.html">
75+
ABOUT
76+
</a>
5677

78+
<a class="navbar-item" href="/animation.html">
79+
ANIMATION
80+
</a>
81+
82+
<a class="navbar-item" href="/conditional.html">
83+
CONDITION
84+
</a>
85+
</div>
86+
</div>
87+
</nav>
5788
<!-- Hero del producto -->
5889
<section class="hero is-white" id="app">
5990
<div v-if="isOpened" class="hero-body" :class="{ shake: isOpened }">

‎conditional.html

+31
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,38 @@
1616
</head>
1717

1818
<body>
19+
<nav class="navbar" role="navigation" aria-label="main navigation">
20+
<div class="navbar-brand">
21+
<a class="navbar-item" href="https://bulma.io">
22+
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg" width="148"
23+
height="36">
24+
</a>
25+
</div>
26+
27+
<div class="navbar-menu">
28+
<div class="navbar-end">
29+
<a class="navbar-item" href="/index.html">
30+
HOME
31+
</a>
32+
33+
<a class="navbar-item" href="/pokemon.html">
34+
POKEMON
35+
</a>
1936

37+
<a class="navbar-item" href="/about.html">
38+
ABOUT
39+
</a>
40+
41+
<a class="navbar-item" href="/animation.html">
42+
ANIMATION
43+
</a>
44+
45+
<a class="navbar-item" href="/conditional.html">
46+
CONDITION
47+
</a>
48+
</div>
49+
</div>
50+
</nav>
2051
<!-- Hero del producto -->
2152
<section class="hero is-white is-fullheight" id="app">
2253
<div v-show="showFrame" class="hero-body">

‎index.html

+15-26
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Document</title>
7+
<title>Vue Tutorial</title>
88
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.1/css/bulma.min.css">
99
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
1010
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
@@ -20,27 +20,31 @@
2020
<nav class="navbar" role="navigation" aria-label="main navigation">
2121
<div class="navbar-brand">
2222
<a class="navbar-item" href="https://bulma.io">
23-
<img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">
23+
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg" width="148" height="36">
2424
</a>
2525
</div>
2626

2727
<div class="navbar-menu">
2828

2929
<div class="navbar-end">
30-
<a class="navbar-item">
31-
WHY?
30+
<a class="navbar-item" href="/index.html">
31+
HOME
3232
</a>
3333

34-
<a class="navbar-item">
35-
BUY
34+
<a class="navbar-item" href="/pokemon.html">
35+
POKEMON
3636
</a>
3737

38-
<a class="navbar-item">
39-
ILLUSTRATION SERIES
38+
<a class="navbar-item" href="/about.html">
39+
ABOUT
4040
</a>
4141

42-
<a class="navbar-item">
43-
EXCLUSIVE ILLUSTRATIONS
42+
<a class="navbar-item" href="/animation.html">
43+
ANIMATION
44+
</a>
45+
46+
<a class="navbar-item" href="/conditional.html">
47+
CONDITION
4448
</a>
4549

4650
</div>
@@ -59,14 +63,8 @@
5963
is-5-widescreen
6064
is-5-fullhd " data-aos="fade-down">
6165
<h1 class="title titled is-1 mb-6">
62-
Evolving business with technology
66+
Vue JS Multipage Tutorial
6367
</h1>
64-
<div class="buttons">
65-
<p id="counterValue" class="mr-3">
66-
Counter Value -
67-
</p>
68-
<button class="button is-yellow" id="counterBtn">Counter <span id="counterValue"></span></button>
69-
</div>
7068
</div>
7169
<div data-aos="fade-right" class="column
7270
is-10-mobile
@@ -83,15 +81,6 @@ <h1 class="title titled is-1 mb-6">
8381
</div>
8482
</div>
8583
</section>
86-
<script>
87-
let counter = 1;
88-
let counterBtn = document.querySelector('#counterBtn');
89-
90-
counterBtn.addEventListener("click", function() {
91-
counter += 1
92-
document.getElementById("counterValue").innerHTML = 'Counter Value - ' + counter;
93-
});
94-
</script>
9584
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
9685
<script>
9786
AOS.init({

‎pokemon.html

+32
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,38 @@
4747
</head>
4848

4949
<body>
50+
<nav class="navbar" role="navigation" aria-label="main navigation">
51+
<div class="navbar-brand">
52+
<a class="navbar-item" href="https://bulma.io">
53+
<img src="https://upload.wikimedia.org/wikipedia/commons/9/95/Vue.js_Logo_2.svg" width="148"
54+
height="36">
55+
</a>
56+
</div>
57+
58+
<div class="navbar-menu">
59+
<div class="navbar-end">
60+
<a class="navbar-item" href="/index.html">
61+
HOME
62+
</a>
63+
64+
<a class="navbar-item" href="/pokemon.html">
65+
POKEMON
66+
</a>
67+
68+
<a class="navbar-item" href="/about.html">
69+
ABOUT
70+
</a>
71+
72+
<a class="navbar-item" href="/animation.html">
73+
ANIMATION
74+
</a>
75+
76+
<a class="navbar-item" href="/conditional.html">
77+
CONDITION
78+
</a>
79+
</div>
80+
</div>
81+
</nav>
5082
<!-- Hero del producto -->
5183
<section id="app">
5284
<div>

0 commit comments

Comments
 (0)