Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
# .gitignore
node_modules
test.md
test.md
config.json
download.png
42 changes: 21 additions & 21 deletions .stylelintrc.json
Original file line number Diff line number Diff line change
@@ -1,22 +1,22 @@
{
"extends": ["stylelint-config-standard"],
"plugins": ["stylelint-scss", "stylelint-csstree-validator"],
"rules": {
"at-rule-no-unknown": null,
"scss/at-rule-no-unknown": [
true,
{
"ignoreAtRules": [
"tailwind",
"apply",
"variants",
"responsive",
"screen"
]
}
]
},
"csstree/validator": true,
"ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"]
}
"extends": ["stylelint-config-standard"],
"plugins": ["stylelint-scss", "stylelint-csstree-validator"],
"rules": {
"at-rule-no-unknown": null,
"block-no-empty": null,
"scss/at-rule-no-unknown": [
true,
{
"ignoreAtRules": [
"tailwind",
"apply",
"variants",
"responsive",
"screen"
]
}
]
},
"csstree/validator": true,
"ignoreFiles": ["build/**", "dist/**", "**/reset*.css", "**/bootstrap*.css"]
}
56 changes: 55 additions & 1 deletion css/index.css
Original file line number Diff line number Diff line change
@@ -1,3 +1,57 @@
.test {
.headline-container {
color: rgb(5, 20, 33);
font-size: 40px;
text-align: center;
font-weight: 400;
}

.headline-container-pos {
color: rgb(145, 235, 129);
}

.navigation{

}

.list{

}

.paragraph {
font-weight: 200;
color: #000;
text-align: center;
font-size: 20px;
}

.flex-container {
display: flex;
flex-direction: column;
align-items: center;
}

body {
background-color: aliceblue;
margin: 0 30% 0 30%;
}

.menu {
width: 351px;
height: 181px;
}

.menu-list {
font-family: sans-serif;
font-weight: 600;
font-size: 32px;
line-height: 137%;
color: #3a4a42;
}

li {
list-style-type: none;
}

li a {
text-decoration: none;
}
49 changes: 40 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,11 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

</body>
</html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>My Name</title>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<main>
<section class="menus">
<nav >
<div>
<a href="">
<img src="css\download.png" alt="image" height="20px" width="20px"></a>
</div>
<div class="menu-list">
<ul >

<li><a href="#portfolio">portifolio</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
</section>
</main>
<section>
<div class="headline-container">
<h1>Yonni</h1>
<h2 class="headline-container-pos">I am cs student</h2>
</div>
<div class="paragraph">
<p>i have lived in wolkite for three years</p>
</div>
<div>
<a href="#"><img src="data:image/jpeg;base64,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" alt=""></a>
<a href="#"><img src="data:image/png;base64,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" alt=""></a>
</div>
</section>
</body>
</html>