Skip to content

Commit fa791cc

Browse files
zhuk1707zhuk1707
committed
prepared home page
1 parent ea2057d commit fa791cc

13 files changed

+258
-0
lines changed

‎colors/_colors-main-page.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
$background: #eeeeee

‎counter.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Title</title>
6+
</head>
7+
<body>
8+
9+
</body>
10+
</html>

‎fonts/_fonts-main-page.scss‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&family=Sora:wght@400;600&display=swap');
2+
3+
body {
4+
font-family: 'Sora', sans-serif;
5+
font-size: 16px;
6+
font-weight: 400;
7+
}

‎images/main-page/01.png‎

1.75 KB
Loading

‎index.html‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,32 @@
33
<head>
44
<meta charset="UTF-8">
55
<title>Small JavaScript Projects</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="styles/style-main-page.css">
8+
<link rel="stylesheet" href="styles/media/media-main-page.css">
69
</head>
710
<body>
811

12+
<div class="wrapper">
13+
<main class="main">
14+
<div class="container">
15+
<div class="main__inner">
16+
<h1 class="main__title">Small JavaScript Projects</h1>
17+
<div class="main__cards cards-block">
18+
<div class="cards-block__item">
19+
<a href="" class="cards-block__image">
20+
<img src="images/main-page/01.png" alt="">
21+
</a>
22+
<a href="" class="cards-block__title">Counter</a>
23+
<p class="cards-block__subtitle">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci magnam minima neque quae tenetur! Eius fugiat itaque non praesentium voluptatem?</p>
24+
</div>
25+
26+
</div>
27+
</div>
28+
</div>
29+
</main>
30+
</div>
31+
32+
<script src="scripts/app-main-page.js"></script>
933
</body>
1034
</html>

‎scripts/app-main-page.js‎

Whitespace-only changes.

‎styles/_reset.scss‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
*, *:before, *:after {
2+
box-sizing: border-box;
3+
padding: 0;
4+
margin: 0;
5+
border: 0;
6+
}
7+
8+
html, body {
9+
height: 100%;
10+
}
11+
12+
a {
13+
text-decoration: none;
14+
}
15+
16+
ul,
17+
li {
18+
list-style-type: none;
19+
}
20+
21+
button {
22+
cursor: pointer;
23+
}

‎styles/media/media-main-page.css‎

Lines changed: 3 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎styles/media/media-main-page.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎styles/media/media-main-page.scss‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
@media (max-width: 767px) {
2+
}

0 commit comments

Comments
 (0)