nezumi/loi-phan-internship
1
0
Fork 0
mirror of https://github.com/Nezumi-2711/loi-phan-internship.git synced 2026-09-22 20:01:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Apply prettier config

Browse Source
This commit is contained in:
nezumi
2023-07-05 16:18:22 +07:00
parent e27605c803
commit 4f08aaac2f
5 changed files with 56 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files
practice/practice-01/.editorconfig
-11
View File
@@ -1,11 +0,0 @@
# editorconfig.org
root = true
[*]
indent_style = space
indent_size = 2
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
practice/practice-01/.prettierrc
+7
View File
@@ -0,0 +1,7 @@
{
"bracketSameLine": false,
"bracketSpacing": true,
"embeddedLanguageFormatting": "auto",
"printWidth": 120,
"tabWidth": 2
}
practice/practice-01/.vscode/settings.json
Vendored
+5
View File
@@ -0,0 +1,5 @@
{
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
}
practice/practice-01/src/index.html
+43 -147
View File
@@ -22,19 +22,13 @@
<a href="javascript:void(0)" class="nav__item-link">Home</a>
</li>
<li class="nav__item">
<a href="javascript:void(0)" class="nav__item-link"
>Portfolio</a
>
<a href="javascript:void(0)" class="nav__item-link">Portfolio</a>
</li>
<li class="nav__item">
<a href="javascript:void(0)" class="nav__item-link"
>Services</a
>
<a href="javascript:void(0)" class="nav__item-link">Services</a>
</li>
<li class="nav__item">
<a href="javascript:void(0)" class="nav__item-link"
>Contact</a
>
<a href="javascript:void(0)" class="nav__item-link">Contact</a>
</li>
</ul>
</nav>
@@ -45,23 +39,14 @@
<section class="welcome d-flex align-item-center">
<div class="welcome__content d-flex flex-column">
<span class="welcome__title text--bold">Welcome</span>
<h1 class="welcome__heading text--secondary">
Lorem ipsum dolor sit amet consectetur
</h1>
<h1 class="welcome__heading text--secondary">Lorem ipsum dolor sit amet consectetur</h1>
<p class="welcome__description text text--sm">
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
error ipsum, voluptate culpa nesciunt delectus iste?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam
nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
</p>
<a href="javascript:void(0)" class="btn btn-primary text"
>Explore</a
>
<a href="javascript:void(0)" class="btn btn-primary text">Explore</a>
</div>
<img
src="./assets/images/header-image.png"
alt="Header Image"
class="welcome__image"
/>
<img src="./assets/images/header-image.png" alt="Header Image" class="welcome__image" />
</section>
</div>
</div>
@@ -71,15 +56,9 @@
<section class="sponsor">
<div class="sponsor__container align-center">
<div class="sponsor__content align-center">
<span class="sponsor__title text--bold text--title"
>Partners</span
>
<h2 class="sponsor__heading text--secondary text--lg">
Lorem Ipsum Dolor
</h2>
<p class="sponsor__description text">
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
</p>
<span class="sponsor__title text--bold text--title">Partners</span>
<h2 class="sponsor__heading text--secondary text--lg">Lorem Ipsum Dolor</h2>
<p class="sponsor__description text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
</div>
<!-- Logo items -->
@@ -100,9 +79,7 @@
<img src="./assets/images/logo-5.png" alt="Logo Sponsor" />
</li>
</ul>
<a href="javascript:void(0)" class="btn btn-secondary text"
>Learn More</a
>
<a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
</div>
</section>
@@ -110,25 +87,16 @@
<section class="conversation">
<div class="conversation__container divide-content-center">
<!-- Conversation image -->
<img
src="./assets/images/conversation.png"
alt="Conversation Image"
class="conversation__image"
/>
<img src="./assets/images/conversation.png" alt="Conversation Image" class="conversation__image" />
<!-- Conversation content -->
<div class="conversation__content d-flex flex-column">
<h2 class="conversation__heading text--secondary text--lg">
Lorem ipsum dolor sit amet consectetur
</h2>
<h2 class="conversation__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h2>
<p class="conversation__description text text--gray text--sm">
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
error ipsum, voluptate culpa nesciunt delectus iste?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam
nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
</p>
<a href="javascript:void(0)" class="btn btn-secondary text"
>Learn More</a
>
<a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
</div>
</div>
</section>
@@ -138,25 +106,16 @@
<div class="security__container divide-content-center">
<!-- Security content -->
<div class="security__content d-flex flex-column">
<h2 class="security__heading text--secondary text--lg">
Lorem ipsum dolor sit amet consectetur
</h2>
<h2 class="security__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h2>
<p class="security__description text text--gray text--sm">
Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
error ipsum, voluptate culpa nesciunt delectus iste?
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam
nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
</p>
<a href="javascript:void(0)" class="btn btn-secondary text"
>Learn More</a
>
<a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
</div>
<!-- Security image -->
<img
src="./assets/images/security.png"
alt="Image Security"
class="security__image"
/>
<img src="./assets/images/security.png" alt="Image Security" class="security__image" />
</div>
</section>
@@ -166,13 +125,8 @@
<!-- Team content -->
<div class="team__content align-center">
<span class="team__title text--bold text--title">Team</span>
<h2 class="team__heading text--secondary text--lg">
Our talents
</h2>
<p class="team__description text">
Lorem ipsum, dolor sit amet consectetur Suscipit nemo hic quos,
ab,
</p>
<h2 class="team__heading text--secondary text--lg">Our talents</h2>
<p class="team__description text">Lorem ipsum, dolor sit amet consectetur Suscipit nemo hic quos, ab,</p>
</div>
<!-- Avatar Image -->
@@ -180,16 +134,10 @@
<!-- Frame 1 -->
<div class="team__frame">
<div class="team__image-content align-center">
<img
src="./assets/images/avatar-1.png"
alt="Avatar Image"
class="team__image"
/>
<img src="./assets/images/avatar-1.png" alt="Avatar Image" class="team__image" />
<div class="team__information d-flex flex-column">
<span class="team__name text--secondary">Peg legge</span>
<span class="team__position text text--sm text--gray"
>Ceo</span
>
<span class="team__position text text--sm text--gray">Ceo</span>
</div>
</div>
</div>
@@ -197,18 +145,10 @@
<!-- Frame 2 -->
<div class="team__frame">
<div class="team__image-content align-center">
<img
src="./assets/images/avatar-2.png"
alt="Avatar Image"
class="team__image"
/>
<img src="./assets/images/avatar-2.png" alt="Avatar Image" class="team__image" />
<div class="team__information">
<span class="team__name text--secondary"
>Richard guerra</span
>
<span class="team__position text text--sm text--gray"
>Cto</span
>
<span class="team__name text--secondary">Richard guerra</span>
<span class="team__position text text--sm text--gray">Cto</span>
</div>
</div>
</div>
@@ -216,18 +156,10 @@
<!-- Frame 3 -->
<div class="team__frame">
<div class="team__image-content align-center">
<img
src="./assets/images/avatar-3.png"
alt="Avatar Image"
class="team__image"
/>
<img src="./assets/images/avatar-3.png" alt="Avatar Image" class="team__image" />
<div class="team__information">
<span class="team__name text--secondary"
>Alexandra stolz</span
>
<span class="team__position text text--sm text--gray"
>Designer</span
>
<span class="team__name text--secondary">Alexandra stolz</span>
<span class="team__position text text--sm text--gray">Designer</span>
</div>
</div>
</div>
@@ -235,23 +167,15 @@
<!-- Frame 4 -->
<div class="team__frame">
<div class="team__image-content align-center">
<img
src="./assets/images/avatar-4.png"
alt="Avatar Image"
class="team__image"
/>
<img src="./assets/images/avatar-4.png" alt="Avatar Image" class="team__image" />
<div class="team__information">
<span class="team__name text--secondary">Janet bray</span>
<span class="team__position text text--sm text--gray"
>Developer</span
>
<span class="team__position text text--sm text--gray">Developer</span>
</div>
</div>
</div>
</div>
<a href="javascript:void(0)" class="btn btn-secondary text"
>View Team</a
>
<a href="javascript:void(0)" class="btn btn-secondary text">View Team</a>
</div>
</section>
</div>
@@ -262,57 +186,29 @@
<div class="footer__content d-flex justify-content-between">
<div class="footer__logos d-flex">
<a href="javascript:void(0)"
><img
src="./assets/images/facebook.svg"
alt="Facebook logo"
class="footer__logo-item"
><img src="./assets/images/facebook.svg" alt="Facebook logo" class="footer__logo-item"
/></a>
<a href="javascript:void(0)"
><img
src="./assets/images/instagram.svg"
alt="Instagram logo"
class="footer__logo-item"
><img src="./assets/images/instagram.svg" alt="Instagram logo" class="footer__logo-item"
/></a>
<a href="javascript:void(0)">
<img
src="./assets/images/twitter.svg"
alt="Twitter logo"
class="footer__logo-item"
/>
<img src="./assets/images/twitter.svg" alt="Twitter logo" class="footer__logo-item" />
</a>
<a href="javascript:void(0)">
<img
src="./assets/images/pinterest.svg"
alt="Pinterest logo"
class="footer__logo-item"
/>
<img src="./assets/images/pinterest.svg" alt="Pinterest logo" class="footer__logo-item" />
</a>
<a href="javascript:void(0)">
<img
src="./assets/images/tiktok.svg"
alt="Tiktok logo"
class="footer__logo-item"
/>
<img src="./assets/images/tiktok.svg" alt="Tiktok logo" class="footer__logo-item" />
</a>
<a href="javascript:void(0)">
<img
src="./assets/images/wechat.svg"
alt="Wechat logo"
class="footer__logo-item"
/>
<img src="./assets/images/wechat.svg" alt="Wechat logo" class="footer__logo-item" />
</a>
<a href="javascript:void(0)">
<img
src="./assets/images/youtube.svg"
alt="Youtube Logo"
class="footer__logo-item"
/>
<img src="./assets/images/youtube.svg" alt="Youtube Logo" class="footer__logo-item" />
</a>
</div>
<span class="footer__text text"
>&#64; Start, 2022. All rights reserved.</span
>
<span class="footer__text text">&#64; Start, 2022. All rights reserved.</span>
</div>
</div>
</footer>
practice/practice-01/src/style/main.css
+1 -1
View File
@@ -292,4 +292,4 @@
line-height: 125%;
color: var(--white);
}
}