diff --git a/src/App.vue b/src/App.vue
index 7ed7cc1..b4b038c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,6 +24,7 @@ export default {
 
 	body
 		margin 0
+		overflow-x hidden
 
 	main
 		overflow hidden
@@ -32,6 +33,7 @@ export default {
 		font-family 'Cairo', sans-serif
 		-webkit-font-smoothing antialiased
 		-moz-osx-font-smoothing grayscale
+		overflow hidden
 
 	a
 		text-decoration none
diff --git a/src/components/MainHeader.vue b/src/components/MainHeader.vue
index c2bead1..c0ac4b5 100644
--- a/src/components/MainHeader.vue
+++ b/src/components/MainHeader.vue
@@ -19,6 +19,9 @@
 				</li>
 				<li>
 					<router-link class="nav-link" to="/register" @click.native="hideMenu">Cadastro</router-link>
+				</li>
+				<li>
+					<router-link class="nav-link" to="/profession" @click.native="hideMenu">Profession</router-link>
 				</li>	
 			</ul>
 			<div class="ofuscator" @click="hideMenu"></div>
diff --git a/src/components/ProfileResume.vue b/src/components/ProfileResume.vue
index 8ac0100..6875ea0 100644
--- a/src/components/ProfileResume.vue
+++ b/src/components/ProfileResume.vue
@@ -19,6 +19,8 @@ export default {
 
 <style scoped lang="stylus">
 	$border-radius = 10px
+	@import '../assets/styles/_colors'
+
 
 	p
 		margin 0
@@ -35,7 +37,7 @@ export default {
 		border-radius 50%
 		overflow hidden
 		position relative
-		border 3px solid black
+		border 3px solid $blue
 
 		img
 			height 150%
diff --git a/src/components/SliderItems.vue b/src/components/SliderItems.vue
new file mode 100644
index 0000000..a323270
--- /dev/null
+++ b/src/components/SliderItems.vue
@@ -0,0 +1,78 @@
+<template>
+		<div class="slider">
+		<ul class="list">
+			<li class="list-item" v-for="item in items">
+				<div class="img-holder">
+					<img class="img" src="nada" />
+				</div>
+				<p class="text">{{item.text}}</p>
+			</li>
+		</ul>
+	</div>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			items: [
+				{ text: '@nayarahilton' },
+				{ text: '@prisantos' },
+				{ text: '@lucasilva' },
+				{ text: '@lilisantos' },
+				{ text: '@vinicuisbueno' },
+				{ text: '@gabriellopes' },
+				{ text: '@rachelaquino' },
+				{ text: 'Outro' },
+				{ text: 'Outro' },
+			],
+		};
+	},
+};
+
+</script>
+
+<style lang="stylus" scoped>
+	@import '../assets/styles/*'
+
+	.slider
+		padding 20px 0
+		box-sizing border-box
+		background #eee
+
+	.list
+		list-style none
+		white-space nowrap
+		margin 0 auto
+		padding 0
+		display flex
+		overflow-x scroll
+		max-width 500px
+
+	.list-item
+		display inline-flex
+		flex-direction column
+		white-space normal
+		text-align center
+		margin-left 20px
+		min-width 60px
+		max-width 100px
+		overflow hidden
+
+		&:last-child
+			padding-right 20px
+
+	.text
+		margin-bottom 0
+		margin-top 0px
+		font-size 12px
+
+	.img-holder
+		width 50px
+		height 50px
+		border-radius 50%	
+		border 3px solid $blue
+		background #fff
+
+</style>
+
diff --git a/src/router/index.js b/src/router/index.js
index be869c6..4bcfbe1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,6 +7,7 @@ import RegisterView from '@/views/RegisterView';
 import ProfileView from '@/views/ProfileView';
 import FeedbackView from '@/views/FeedbackView';
 import CameraView from '@/views/CameraView';
+import ProfessionView from '@/views/ProfessionView';
 
 Vue.use(Router);
 
@@ -42,6 +43,11 @@ export default new Router({
 			name: 'profile',
 			component: ProfileView,
 		},
+		{
+			path: '/profession',
+			name: 'profession',
+			component: ProfessionView,
+		},
 		{
 			path: '/feedback',
 			name: 'feedback',
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 62e78fd..c5a1a5b 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,6 +1,7 @@
 <template>
-	<div class="home">	
+	<div class="home">
 		<main-header />	
+		<slider-items />
 		<div
 			v-for="picture in this.getCats()"
 			class="card"
@@ -31,6 +32,7 @@
 
 <script>
 import MainHeader from '../components/MainHeader';
+import SliderItems from '../components/SliderItems';
 import ProfileResume from '../components/ProfileResume';
 import PostReactions from '../components/PostReactions';
 
@@ -47,6 +49,7 @@ export default {
 		'main-header': MainHeader,
 		'profile-resume': ProfileResume,
 		'post-reactions': PostReactions,
+		'slider-items': SliderItems,
 	},
 	methods: {
 		displayDetails(id) {
@@ -83,7 +86,7 @@ export default {
 	@import '../assets/styles/_colors'
 
 	.home
-		background #f4f4f4
+		background #f9f9f9
 
 	.add-picture-button
 		position fixed
@@ -130,7 +133,7 @@ export default {
 		margin-left auto
 		margin-right auto
 
-	.card-picture > img
+	.card-picture img
 		width 100%
 
 	.card-info
@@ -145,4 +148,8 @@ export default {
 			color #222
 			font-size 15px
 
+	@media screen and (min-width 480px)
+		.card
+			margin-top 40px
+
 </style>
diff --git a/src/views/ProfessionView.vue b/src/views/ProfessionView.vue
new file mode 100644
index 0000000..3af3217
--- /dev/null
+++ b/src/views/ProfessionView.vue
@@ -0,0 +1,92 @@
+<template>
+	<div class="profile">
+		
+		</profile-resume>
+		<div class="follows">
+			<span class="followers">100 seguidores</span> <span class="following">53 seguindo</span>
+		</div>
+		<div class="card">
+			<div class="card-picture">
+				<img :src="'https://image.freepik.com/free-vector/triangle-cat-design_23-2147495379.jpg'" />
+			</div>
+			<div class="card-info">
+				<div class="Texto">
+					<span>Texto</span>
+				</div>
+				<div class="card-info">
+					<post-reactions></post-reactions>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import ProfileResume from '../components/ProfileResume';
+import PostReactions from '../components/PostReactions';
+
+export default {
+	data() {
+		return {
+			cat: null,
+		};
+	},
+	components: {
+		'profile-resume': ProfileResume,
+		'post-reactions': PostReactions,
+	},
+};
+</script>
+
+<style lang="stylus" scoped>
+
+	@import '../assets/styles/_colors'
+
+	.profile
+		background #fff
+		padding 20px
+
+	.add-picture-button
+		position fixed
+		right 24px
+		bottom 24px
+		z-index 998
+		color $primary-color
+		height 50px
+		width 50px
+		border-radius 20px 20px 20px 0
+		background #fff
+		display flex
+		align-items center
+		justify-content center
+		box-shadow -3px 0px 4px 1px rgba(0,0,0,0.3)
+
+		span
+			font-size 40px
+			line-height 40px
+			height 45px
+
+	.card
+		padding-bottom 10px
+		border-bottom 1px solid #eee
+		margin-bottom 40px
+		background #fff
+		max-width 500px
+		margin-left auto
+		margin-right auto
+
+	.card-picture > img
+		width 100%
+
+	.card-info
+		padding 5px 15px
+		display flex
+		justify-content space-between
+
+	.card-comment
+		padding 0 20px
+
+		> span
+			color #222
+			font-size 15px
+</style>