You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

137 lines
2.4 KiB
Vue

<style scoped>
@import url('https://fonts.googleapis.com/css2?family=Viga&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
* {
border: 0px black solid;
background-color: #ffe6e6;
}
.container_width {
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
a:hover {
color: hotpink;
text-decoration: none;
}
a {
color: gray;
}
.content {
padding-right: 50px;
padding-top: 40px;
font-family: 'Roboto Mono', monospace;
font-size: 15px;
padding-left: 20px;
}
.title_story {
font-size: 80px;
font-family: 'Viga', sans-serif;
padding-left: 20px;
padding-top: 20px;
}
.image_container {
padding-top: 40px;
}
</style>
<template>
<b-container fluid class="container_width">
<MenuBar/>
<b-row>
<b-col md="6">
<p class="title_story">Bulk Pesto</p>
</b-col>
</b-row>
<b-row>
<b-col md="2">
</b-col>
<b-col md="8">
<b-container fluid>
<div class="image_container">
<b-row>
<b-col md="6">
<b-img class="img-fluid" src="media/pesto/1.jpg"> </b-img>
</b-col>
<b-col md="6">
<b-img class="img-fluid" src="media/pesto/2.jpg"> </b-img>
</b-col>
<b-col md="2">
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="6">
<b-img class="img-fluid" src="media/pesto/3.jpg"> </b-img>
</b-col>
<b-col md="6">
<b-img class="img-fluid" src="media/pesto/5.jpg"> </b-img>
</b-col>
</b-row>
<b-row>
<b-col md="12">
<p></p>
</b-col>
</b-row>
<b-row>
<b-col md="6">
<b-img class="img-fluid" src="media/pesto/4.jpg"> </b-img>
</b-col>
<b-col md="6">
<b-img class="img-fluid" src="media/pesto/6.jpg"> </b-img>
</b-col>
</b-row>
</div>
</b-container>
</b-col>
</b-row>
</b-container>
</template>
<script>
import MenuBar from './MenuBar'
export default {
name: 'pesto',
data: function() {
return {
}
},
components: {
MenuBar
}
}
</script>