mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 12:19:31 +02:00
refactor styles
This commit is contained in:
60
luckydiamond/src/components/DeveloperComponent.vue
Normal file
60
luckydiamond/src/components/DeveloperComponent.vue
Normal file
@@ -0,0 +1,60 @@
|
||||
<template>
|
||||
<div class="developer-card__content">
|
||||
<div class="developer-card__width">
|
||||
<div class="developer-card__text">
|
||||
<div class="developer-card__about-text">
|
||||
<p>фронтэндер</p>
|
||||
<h1>busha888</h1>
|
||||
</div>
|
||||
<div class="developer-card__technology">
|
||||
<img src="@/assets/icons-developcard/html.png" alt="html">
|
||||
<p>HTML 5,CSS</p>
|
||||
</div>
|
||||
<div class="developer-card__socials">
|
||||
<a href="https://tpverstak.ru/flex-cheatsheet/"><img src="@/assets/icons-developcard/odniclasniki.png" alt=""></a>
|
||||
<a href=""><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
|
||||
<a href=""><img src="@/assets/icons-developcard/like.png" alt=""></a>
|
||||
<a href=""><img src="@/assets/icons-developcard/github.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="developer-card__skin">
|
||||
<img src="@/assets/icons-developcard/busha888.png" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="developer-card__height">
|
||||
<div class="developer-card-height__text">
|
||||
<div class="developer-card-height__about-text">
|
||||
<p>Бэкендер</p>
|
||||
<h1>Hepatir</h1>
|
||||
</div>
|
||||
<div class="developer-card-height__technology techonology-styles">
|
||||
<img src="@/assets/icons-developcard/Logo_C_sharp.png" alt="html">
|
||||
<p>ASP, .NET, MongoDB</p>
|
||||
</div>
|
||||
<div class="developer-card-height__technology-two-column techonology-styles">
|
||||
<img src="@/assets/icons-developcard/pngegg.png" alt="html">
|
||||
<p>SQL</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="developer-card-height__skin">
|
||||
<div class="developer-card-height__skin-content">
|
||||
<div class="developer-card-height__social-icons">
|
||||
<a href=""><img src="@/assets/icons-developcard/telegram.png" alt=""></a>
|
||||
<a href=""><img src="@/assets/icons-developcard/discord.png" alt=""></a>
|
||||
<a href=""><img src="@/assets/icons-developcard/github.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import '@/assets/css/ComponentsStyles/developer.css'
|
||||
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
Reference in New Issue
Block a user