Try_first/index.html at main · Muralitharan2002/Try_first · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Murali</title>
  <link href="style.css" rel="stylesheet">
  <link rel="icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
</head>

<body>
  <div class="top">
    <img src="cloud.png" alt="cloud" class="cloud">
    <h1>I'm Murali</h1>
    <img src="cloud.png" alt="cloud" class="bottom-cloud">
    <img src="mountain.png" alt="mount" class="mount">
  </div>

  <div class="profile">
    <img src="dp.png" alt="dp" class="dp">
    <h2 class="text">Hello</h2>
    <p class="para">I am a Flutter and Web Developer. I ❤️ coffee, Have a cup of coffee?</p>
  </div>
  <hr class="horz">

  <div class="middle">
    <p class="text2">My Skills</p>
    <div class="mid-row">
      <img src="anime.gif" alt="gif" class="mid-gif">
      <p class="dd">Design & Development</p>
      <p class="para2">I started learning to code when I was 12 years old because I wanted to make my own video games. Over time, I have gained a wealth of experience designing and developing mobile and web applications.</p>
    </div>

    <div class="bottom">
      <img src="chillies.png" alt="chilies" class="chillie">
      <p class="text3">Hot Wings Challenge</p>
      <p class="para3">But my best skill is actually in eating hot wings. I am the undisputed queen of hot wing challenges. Ghost Peppers and Carolina Reapers are my favourite snacks.</p>
    </div>

    <hr class="horz">
    <div>
      <p class="text4">Get In Touch</p>
      <p class="para4">If you love hot wings as much as I do.</p>
      <p class="para5">Love hot wings as much as I do? Let's talk about how awesome they are! We can code while we eat hot wings!</p>
    </div>


    <div class="button">
      <a href="mailto:muralitharans2002@gmail.com" class="btn">contact me</a>
    </div>
    <div class="down">
      <div class="about">
        <a href="#" class="contact">LinkedIn</a>
        <a href="#" class="contact">Twitter</a>
        <a href="#" class="contact">Website</a>
        <p class="info">© 2022 murali @ Developer.</p>

      </div>
    </div>


  </div>

</body>

</html>