moslite/index.html at main · killshotroxs/moslite · 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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Krishnal Panara</title>
    <link
      href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="loco.css" />
    <link rel="stylesheet" href="index.css" />
    <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=DM+Sans:opsz,wght@9..40,300&family=Holtwood+One+SC&family=Inter:wght@100;200;400;500;700;800;900&family=Open+Sans:wght@300&family=Roboto:wght@400;700&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <div id="minicircle"></div>
    <div id="main">
      <div id="hero">
        <div id="nav">
          <a href="#">Krishnal Panara</a>
          <h4>Always Learning</h4>
        </div>
        <div id="heading">
          <div class="bounding">
            <h1 class="boundingelem">Web</h1>
          </div>

          <div class="blocktext">
            <div class="bounding">
              <h1 class="boundingelem" id="secondh1">Developer</h1>
            </div>
            <div class="bounding">
              <h5 class="boundingelem">Based in India</h5>
            </div>
          </div>
        </div>
        <div id="smallheading">
          <div class="bounding">
            <h5 class="boundingelem">Available for Freelance</h5>
          </div>
          <div class="bounding">
            <h5 class="boundingelem">work from anywhere</h5>
          </div>
        </div>
        <div id="herofooter">
          <a href="#"
            >Operated by Creative Enterprises<i
              class="ri-arrow-right-up-line"
            ></i
          ></a>
          <a href="/apps/"
            >Apps<i class="ri-arrow-right-up-line"></i
          ></a>
          <a href="https://github.com/killshotroxs"
            >Github Profile<i class="ri-arrow-right-up-line"></i
          ></a>
          <div id="iconset">
            <div class="circle" id="scrollCircle1">
              <i class="ri-arrow-down-line"></i>
            </div>
            <div class="circle" id="scrollCircle2">
              <i class="ri-arrow-down-line"></i>
            </div>
          </div>
        </div>
      </div>
      <div id="second">
        <div class="elem">
          <img src="/plug.png" alt="plug thumbnail" />
          <h1>Crawlipse</h1>
          <h5>2023</h5>
        </div>
        <div class="elem">
          <img src="/ixperience.png" alt="ixperience thumbnail" />
          <h1>Self Hosted Analytics</h1>
          <h5>2023</h5>
        </div>
        <div class="elem elemlast">
          <img src="/hudu.png" alt="hudu thumbnail" />
          <h1>Proxy Corner</h1>
          <h5>2023</h5>
        </div>
      </div>
      <div class="about">
        <img src="/cynthia.png" alt="user pic" />
        <div class="textabout">
          <h5>(About Me)</h5>
          <p>
            I'm a product designer with a passion for creating products that not
            only look good but also solve real problems. When I'm not sketching
            ideas on paper, you can find me binge-watching a Netflix series or
            playing video games. My design philosophy is simple: make it
            visually appealing, functional, and bring a smile to people's faces.
            I'm the designer you want on your team if you want to make people
            say 'I need that in my life!'.
          </p>
          <a href="#">Let's Talk</a>
        </div>
      </div>
      <div class="subscribe">
        <h5>(FORGOT TO MENTION)</h5>
        <h3>
          <a href="https://github.com/killshotroxs">Follow my Github Repo</a><i class="github ri-arrow-right-up-line"></i>
        </h3>
      </div>
      <div class="footer">
        <div class="footerleft">
          <h5>2023 &copy;</h5>

        </div>
        <div class="footerright">
          <a href="#">github</a><a href="#">Instagram</a
          ><a href="#">LinkedIN</a><a href="#">Twitter</a>
        </div>
      </div>
    </div>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
      integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"
      integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>