magiun_website/src/components/breakfast.vue

<style scoped>

* {
    border: 0px black solid;
}



a:hover {
  color: hotpink;
  text-decoration: none;

}

a {
  color: gray;
}

.content {
  padding-right: 50px;
  padding-top: 20px;
}

</style>

<template>
  <b-container fluid>
    <MenuBar/>
    <b-row>
      <b-col md="6">
        <h1>Breakfast</h1>
      </b-col>
    </b-row>


    <b-row>
      <b-col md="5">
<p class='content'>
I have started eating in the morning, actually eating, not just chugging sugarless coffee on an empty stomach and calling it intermitent fasting.
<br>
<br>
I have also started to cook more without any recipe, just by following my proverbial and literal gut, and the results are surprisingly good.
<br>
<br>
I know I am a good cook for most of the time but I also feel the need for validation, so eating alone, though not unprecedented, is something I have yet to get accustomed to.
<br>
<br>
I've attached some photos in hopes that I would somewhat get the validation I was mentioning earlier. 

</p>
      </b-col>
      <b-col md="7">
        <b-container fluid>
          <b-row>
            <b-col md="3">

            </b-col>
            <b-col md="6">
              <b-img class="img-fluid" src="media/breakfast/breakfast2.jpg"> </b-img>
            </b-col>
            <b-col md="3">

            </b-col>
          </b-row>
          <b-row>
            <b-col md="12">
              <p></p>
            </b-col>
          </b-row>
          <b-row>
            <b-col md="3">

            </b-col>
            <b-col md="6">
              <b-img class="img-fluid" src="media/breakfast/breakfast1.jpg"> </b-img>

            </b-col>
            <b-col md="3">

            </b-col>
          </b-row>


        </b-container>
      </b-col>
</b-row>
      </b-container>
</template>

<script>
import MenuBar from './MenuBar'
export default {
    name: 'eggs',
    data: function() {
        return {
        }
    },
    components: {
        MenuBar
    }
}

</script>