|
10 | 10 | font-family: monospace; |
11 | 11 | padding: 20px; |
12 | 12 | } |
13 | | - h1, h3 { |
14 | | - display: inline-block; |
15 | | - overflow: hidden; |
16 | | - white-space: nowrap; |
17 | | - border-right: 2px solid green; |
18 | | - animation: typing 1s steps(20) infinite; |
19 | | - margin: 20px 0; |
20 | | - } |
21 | | - @keyframes typing { |
22 | | - from { width: 0; } |
23 | | - to { width: 100%; } |
24 | | - } |
25 | | - .section { |
26 | | - margin-bottom: 40px; |
27 | | - } |
28 | | - ul { |
29 | | - list-style-type: none; |
30 | | - padding: 0; |
31 | | - } |
32 | | - a { |
33 | | - color: green; |
34 | | - text-decoration: none; |
35 | | - } |
36 | | - a:hover { |
37 | | - text-decoration: underline; |
38 | | - } |
39 | | - img { |
40 | | - max-width: 100%; |
41 | | - height: auto; |
42 | | - } |
43 | | - @media (max-width: 600px) { |
44 | | - h1, h3 { |
45 | | - font-size: 24px; |
46 | | - } |
47 | | - } |
48 | 13 | .terminal { |
49 | 14 | background-color: black; |
50 | 15 | color: green; |
51 | 16 | font-family: monospace; |
52 | 17 | padding: 10px; |
53 | 18 | border-radius: 5px; |
54 | 19 | } |
| 20 | + .command { |
| 21 | + color: #56B6C2; |
| 22 | + } |
| 23 | + .output { |
| 24 | + color: #00FF00; |
| 25 | + } |
| 26 | + .prompt { |
| 27 | + color: #56B6C2; |
| 28 | + } |
55 | 29 | </style> |
56 | 30 | </head> |
57 | 31 | <body> |
|
63 | 37 | </div> |
64 | 38 |
|
65 | 39 | <div class="section"> |
66 | | - <ul> |
67 | | - <li>🔭 I'm currently working on <strong>Stegosaraus</strong></li> |
68 | | - <li>🌱 I'm currently learning <strong>Data Structures and Algorithms, and Java</strong></li> |
69 | | - <li>👯 I'm looking to collaborate on <strong>Fullstack projects</strong></li> |
70 | | - <li>🤝 I'm looking for help with <strong>Java Springboot</strong></li> |
71 | | - <li>👨💻 All of my projects are available at <a href="https://github.com/pand-coder" target="_blank">https://github.com/pand-coder</a></li> |
72 | | - <li>📝 I regularly write articles on <a href="https://medium.com/@pavanshanmukhmadhav" target="_blank">https://medium.com/@pavanshanmukhmadhav</a></li> |
73 | | - <li>💬 Ask me about <strong>html, css, JS, c, c++, Java and linux</strong></li> |
74 | | - <li>📫 How to reach me <strong>pavanshanmukhmadhav@gmail.com</strong></li> |
75 | | - </ul> |
| 40 | + <div class="terminal"> |
| 41 | + <span class="prompt">~$</span> <span class="command">echo "Hello, World!"</span><br> |
| 42 | + <span class="output">Hello, World!</span> |
| 43 | + </div> |
76 | 44 | </div> |
77 | 45 |
|
78 | 46 | <div class="section"> |
|