sgyc/公司注册和个人注册/Register.vue

<template>
	<div class="signcon">
	<div class="Personal">
		<img src="../../../assets/zc-lawyer.jpg" alt="">
		<h2>个人用户</h2>
		<p>免费创造简历</p>
		<p>职位海量淘</p>
		<p>简历轻松投</p>
		<a href=""><button>立即注册</button></a>
	</div>
	<div class="companies">
		<img src="../../../assets/zc-lawfirm.jpg" alt="">
		<h2>企业用户</h2>
		<p>发布招聘信息</p>
		<p>收取简历投递</p>
		<p>多种职位分享</p>
		<a href=""><button>立即注册</button></a>
	</div>
	</div>
</template>

<script>
	export default{
		name:'sign'
	}
</script>

<style>
	*{
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}
	body{
		width: 1920px;
		height: 900px;
	}
	.signcon{
		width: 1920px;
		height: 500px;
		background-color: #abcdef;
		position: relative;
		margin-top: 400px;
	}
	.Personal{
		background-color: #ffffff;
		width: 310px;
		height: 408px;
		position: absolute;
		margin-top: 40px;
		margin-left: 620px;
		text-align: center;
	}
	.Personal > img{
		margin-top: 2rem;
	}
	.Personal > h2{
		margin-top: 0.4rem;
	}
	.Personal > p{
		margin-top: 0.6rem;
	}
	.Personal > a > button{
		margin-top: 1rem;
		width: 172px;
		height: 30px;
		background-color: #ffffff;
		border: 1px solid #2682df;
		color: #2682df;
		cursor: pointer;
	}
	.companies{
		background-color: #ffffff;
		width: 310px;
		height: 408px;
		position: absolute;
		top: 40px;
		right: 620px;
		text-align: center;
	}
	.companies > img{
		margin-top: 2rem;
	}
	.companies > h2{
		margin-top: 0.4rem;
	}
	.companies > p{
		margin-top: 0.6rem;
	}
	.companies > a > button{
		margin-top: 1rem;
		width: 172px;
		height: 30px;
		background-color: #ffffff;
		border: 1px solid #2682df;
		color: #2682df;
		cursor: pointer;
	}
</style>