developer-portfolio/index.html at master · shuvocoder/developer-portfolio · 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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&family=Redressed&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="css/style.css" />
  </head>
  <body>
    <section class="top-part">
      <dev class="half-width" id="half-width">
        <div class="top-part-title">
          <h1>Stay focused on <br /><span>Mission 2022</span></h1>
        </div>
        <p>
          I try to learn from the past, but I plan for the future by focusing exclusively on the present. That’s where the fun is. And if it can't be fun, what's the point?
        </p>
        <a target="_blank" href="http://linkedin.com/">Explore Now</a>
        <span class="scroll-text">Scroll down to explore about us</span>
      </dev>
      <div class="half-width">
        <img src="images/person/person-0.png" alt="" />
      </div>
    </section>
    <section class="mission">
      <h1 class="mission-header">My Mission in <span>2022</span></h1>
      <div class="boxes">
        <div class="box">
          <img src="images/illustrators/illustrator-1.png" alt="" />
          <h1>Mission</h1>
          <p>
            Every person above the ordinary has a certain mission that they are called to fulfill.
          </p>
        </div>
        <div class="box" id="box-2" style="background-color: #ffeeee">
          <img src="images/illustrators/illustrator-2.png" alt="" />
          <h1>Vission</h1>
          <p>
            If you don't know where you are going, you will probably end up somewhere else.
          </p>
        </div>
        <div class="box" style="background-color: #fff4d6">
          <img src="images/illustrators/illustrator-3.png" alt="" />
          <h1>Goals</h1>
          <p>
            The trouble with not having a goal is that you can spend your life running up and down the field and never score.
          </p>
        </div>
      </div>
    </section>
    <section class="doc">
      <div class="doc-content">
        <div class="doc-left">
          <img id="doc-img" src="images/pictures/coding.png" alt="" />
        </div>
        <div class="doc-right">
          <h1>
            Develop <br />
            Without Limits
          </h1>
          <p>

          Whenever you want to achieve something, keep your eyes open, concentrate and make sure you know exactly what it is you want. No one can hit their target with their eyes closed.
          </p>
          <a target="_blank" href="http://linkedin.com/"
            >Read the Documentation</a
          >
        </div>
      </div>
    </section>

    <section class="doc">
      <div class="doc-content">
        <div class="doc-right" id="doc-right">
          <h1>
            Work Hard<br />
            Without Limits
          </h1>
          <p>
            Hard work is a prison sentence only if it does not have meaning. Once it does, it becomes the kind of thing that makes you grab your wife around the waist and dance a jig.
          </p>
          <a target="_blank" href="http://linkedin.com/"
            >Read the Documentation</a
          >
        </div>
        <div class="doc-left">
          <img id="doc-img" src="images/pictures/project.png" alt="" />
        </div>
      </div>
    </section>

    <section class="cv-download">
      <div class="cv-content">
        <h1>Download CV.</h1>
        <p>Know more about me</p>
        <div class="btn"><a href="#">Download</a></div>
      </div>
    </section>

    <footer>
      <h1>Mission 2022</h1>
      <p>Hard work,Persaverage, and Determination for 2022</p>
    </footer>
  </body>
</html>