sifat2/index.html at main · sifatrana1/sifat2 · 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio Website</title>
    <link rel="stylesheet" href="style.css" />
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
  </head>
  <body>
    <header class="header">
      <a href="#home" class="logo">Sifat<span>Ullah</span></a>
      <i class="fa-solid fa-bars"></i>

          <i class='bx bx-menu'I id="menu-icon"></i>

          <nav class="navbar">
              <a href="#home">Home</a>
              <a href="#about">About</a>
              <a href="#services">Services</a>
              <a href="#project">Project</a>
              <a href="#contact">Contact</a>
          </nav>
  </header>


  <section class="home" id="home">

        <div class="home-content">
          <h1>Hi, It's <span>Sifat</span></h1>
          <h3 class="text-animation">
          I'm <span></span>
        </h3>

          <p>I am a dedicated and driven engineering student at BUET (Bangladesh University of Engineering and Technology), with a passion for robotics, marketing, or sustainable technology.</p>

            <div class="social-icons">
              <a href="https://www.linkedin.com/in/sifat-rana-241458346/"><i class="bx bxl-linkedin-square"></i></a>
              <a href="#"><i class="bx bxl-github"></i></a>
              <a href="#"><i class="bx bxl-twitter"></i></a>
              <a href="https://www.youtube.com/@my_school_22"><i class="bx bxl-youtube"></i></a>
            </div>
          <div class="btn-group">
            <a href="#" class="btn">Download CV </a>
            <a href="https://docs.google.com/forms/d/1-OvpAyoSonpsDVfNfzs1OfwhMtd8008mvdalh2AkX6Q/edit" class="btn">Contact </a>

          </div>
        </div>


        <div class="home-img">
          <img src="image.jpg" alt="">
        </div>
      </section>


            <section class="about" id="about">
      <div class="about-img">
        <img src="image.jpg" alt="">
      </div>


      <div class="about-content">
        <h2 class="heading">About <span>Me</span></h2>
        <h3 class="text-animation">
          <span></span>
         </h3>

        <p>I'm an INDUSTRIAL & PRODUCTION Engineer,Data Analyst & font end devoloper focused on crafting clean & user‑friendly experiences,
          I am passionate about building excellent software that improves the lives of those around me.</p>

          <a href="#" class="btn">Read More</a>

          </div>
      </section>

       <!--  services  section start hoiche       -->

      <section class="services" id="services">
        <h2 class="heading">Services</h2>

        <div class="services-container">
          <div class="service-box">
            <div class="service-info">
            <i class="bx bxl-figma"></i>
            <h4>Sales forecast </h4>
            <p>To create a sales forecast, you'll need to consider factors like your product or service type,
              historical sales data, current market trends, and your sales goals. Additionally,
              insights into customer behavior, competition, and price changes play a crucial role.
              By analyzing past performance and aligning it with market dynamics and business objectives,
              you can predict future sales more accurately..</p>
            </div>
          </div>
<!--           repeat     korbo       -->


          <div class="service-box">
            <div class="service-info">
            <i class="bx bx-code-curly"></i>
            <h4>Data Analysis Using Python </h4>
            <p>Data analysis using Python involves leveraging its powerful libraries and tools to process,
              analyze, and visualize data. Popular libraries like **Pandas** and **NumPy** are used for data
              manipulation and numerical operations, while **Matplotlib** and **Seaborn** create insightful
              visualizations.</p>
            </div>
          </div>


          <div class="service-box">
            <div class="service-info">
            <i class="bx bx-bracket"></i>
            <h4>Product Managing</h4>
            <p>Product management involves overseeing the development, launch, and continuous improvement
              of a product to meet customer needs and business goals. A product manager (PM) acts as the bridge between stakeholders,
              such as customers, developers, designers, and marketing teams, ensuring alignment on the product vision and strategy.
              Key responsibilities include conducting market research, defining product requirements, prioritizing features, creating
              roadmaps.</p>
            </div>
          </div>
        </div>
      </section>


<!--         projects     er kaj shoro      -->


<section class="projects" id="projects">
  <h2 class="heading">Projects</h2>

  <div class="projects-box">
    <div class="projects-cards">
    <img src="projects1.png" alt="">
    <h3>Project 1</h3>
      <p>Lorem ipsum dolor, sit amet Π consect
        etur adipisicing elit. Reiciendis be
        atae ad ore digniss
        imos adipisci.</p>
        <div class="btn">See project</div>
      </div>


    <div class="projects-cards">
      <img src="projects2.png" alt="">
      <h3>Project 2</h3>
        <p>Lorem ipsum dolor, sit amet Π consect
          etunon, quod conseq
          uuntur quibusdam libero tempore digniss
          imos adipisci.</p>
          <div class="btn">See project</div>
        </div>


      <div class="projects-cards">
        <img src="projects3.png" alt="">
        <h3>Project 3</h3>
          <p>Lorem ipsum dolor, sit amet Π consect
            ee non, quod conseq
            uuntur quibusdam libero tempore digniss
            imos adipisci.</p>
            <div class="btn">See project</div>
          </div>


        <div class="projects-cards">
          <img src="projects4.png" alt="">
          <h3>Project 4</h3>
            <p>Lorem ipsum dolor, sit amet Π consect
              etur ad
              uuntur quibusdam libero tempore digniss
              imos adipisci.</p>
              <div class="btn">See project</div>
            </div>


          <div class="projects-cards">
            <img src="projects5.png" alt="">
            <h3>Project 5</h3>
              <p>Lorem ipsum dolor, sit amet Π consect
                etu.</p>
                <div class="btn">See project</div>
              </div>


            <div class="projects-cards">
              <img src="projects6.png" alt="">
              <h3>Project 6</h3>
                <p>Lorem ipsum dolor, sit amet Π consect
                  etur adipisicing elit. Reiciendis be
                  atae ad a</p>
                  <div class="btn">See project</div>
                </div>
                </div>


        </section>

<!--         contact     er kaj shoro      -->

      <section class="contact" id="contact">
        <h2 class="heading">Contact <span>Me</span></h2>
        <form action="">
          <div class="input-group">
            <div class="input-box">  <input type="text" placeholder="Full Name">
                <input type="email" placeholder="Email">  </div>
               <div class="input-box">
                <input type="number" placeholder="Phone Number">
                <input type="text" placeholder="Subject">

               </div>
              </div>
          <div class="input-group-2">
            <textarea name="" id="" cols="30" rows="10"
            placeholder="Your Message"></textarea>
            <input type="submit" value="Send Message" class="btn">
          </div>
         </form>
      </section>


      <footer class="footer">
        <div class="social-icons">
          <a href="https://www.linkedin.com/in/sifat-rana-241458346/"><i class="bx bxl-linkedin-square"></i></a>
              <a href="#"><i class="bx bxl-github"></i></a>
              <a href="#"><i class="bx bxl-twitter"></i></a>
              <a href="https://www.youtube.com/@my_school_22"><i class="bx bxl-youtube"></i></a>
        </div>

        <ul class="list">
          <li> <a href="#">FAQ</a></li>
          <li><a href="#services">Services</a></li>
          <li><a href="#about">About Me</a></li>
          <li><a href="https://docs.google.com/forms/d/1-OvpAyoSonpsDVfNfzs1OfwhMtd8008mvdalh2AkX6Q/edit">Contact</a></li>
        </ul>

        <p class="copyright">
         © Sifat Ullah | All Rights Reserved
         </p>


      </footer>


    <script src="script.js"></script>
  </body>
</html>