├── README.md
├── index.html
├── script.js
└── style.css
/README.md:
--------------------------------------------------------------------------------
1 | # jquery_tutorial-starter-file
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
18 |
19 |
39 |
40 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/script.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sammibadriddinov/jquery_tutorial-starter-file/d9dedcb5f7a26febef0f739160a79da3380d2c8d/script.js
--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | html, body {
2 | font-family: 'Montserrat', sans-serif;
3 | }
4 | h1 {
5 | border-left: 2px solid #00f28f;
6 | font-size: 40px;
7 | font-weight: 400;
8 | padding-left: 20px;
9 | }
10 |
11 | .main {
12 | margin-top: 80px;
13 | }
14 |
15 | form input {
16 | background: #f0f0f0;
17 |
18 | border: none;
19 | border-left: 2px solid #fff;
20 |
21 | font-size: 36px;
22 | padding: 20px;
23 | width: 100%;
24 |
25 | transition: background 2s, border-left 2s;
26 | }
27 |
28 | form input:focus {
29 | background: #fff;
30 | border-left: 2px solid #000;
31 | box-shadow: none;
32 | outline: none;
33 | }
34 |
35 |
36 | .btn {
37 | background: transparent;
38 | border: none;
39 |
40 | color: #00f28f;
41 | cursor: pointer;
42 |
43 | font-size: 30px;
44 |
45 | padding: 20px 24px;
46 |
47 | transition: background 2s, color 2s;
48 | }
49 |
50 | .btn:hover {
51 | background: #00f28f;
52 | color: #fff;
53 | }
54 |
55 | .comments {
56 | margin-top: 20px;
57 | list-style: none;
58 | padding-left: 0px;
59 | }
60 |
61 |
62 | li {
63 | padding-left: 20px;
64 | border-left: 2px solid #000;
65 | font-size: 36px;
66 | margin: 0 0 36px;
67 | }
--------------------------------------------------------------------------------