websiteSelf/about.html at master · SajalChaplot/websiteSelf · 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
<div class="container" id="banner">
        <div id="description" class="col-lg-7 col-md-12">
            <h1 class="titles">Hi! I am Sajal</h1>
            <p style="text-align:justify;font-family:inter;font-size:16px"> <ul><li>A problem solver with a passion for creating solutions that benefit both users and businesses.
            </li> <li> An enterpreneur, helping artists and interior designers to build beautiful spaces <a href="https://instagram.com/theexpressionists2020?igshid=YmMyMTA2M2Y="> @ TheExpressionists </a>
            </li> <li>A curious individual with a penchant for photography and traveling. <a href="https://www.instagram.com/pixilated_stories/"> @pixilated_stories </a> </li></ul></p>
          <br>  <a  href="#work" class="button" > View Projects </a>
        </div>


        <div id="cover-image" class="col-md-5">
           <!-- <img src="img/IMG_3928.png" alt=""> -->
        </div>
    </div>


    <div class="container-fluid" id="work" style="background-color:#222">
      <div class="container slideanim">
       <h1 class="titles" style="color:white">Project Showcase</h1>
               <!--  <hr style="border-color:white"> -->
        </div>
                  <div class="flex_work slideanim">


                          <div class="project">
                            <div class="pd_new">
                                <a href="#!postman" target="_blank">
                                  <img src="..\work_images\2.svg" alt="">
                                </a>
                            </div>
                          </div>

                          <div class="project">
                            <div class="pd_new">
                                <a href="https://www.figma.com/file/cNVJFxE1aPGlAN0szpKztV/Postman-Onboarding-Project?node-id=0%3A1&t=LhbE3D7UjBEIWHxZ-1" target="_blank">
                                  <img src="..\work_images\1.svg" alt="">
                                </a>
                            </div>
                          </div>

                           <div class="project">
                              <div class="pd_new">
                                   <a href="#!hale" target="_blank">
                                    <img src="..\work_images\3.svg" alt="">
                                  </a>
                              </div>
                            </div>

                           <div class="project">
                              <div class="pd_new">
                                   <a href="#!next-education" target="_blank">
                                    <img src="../work_images\4.svg" alt="">
                                  </a>
                               </div>
                           </div>

                           <!--<div class="project">
                              <div class="pd_new">
                                   <a href="#!techniche">
                                    <img src="../img/pr4%20%E2%80%93%202.svg" alt="">
                                  </a>
                              </div>
                            </div> -->


                       <br><br><br>

                   </div>
        <br><br><br>
            <div class="container slideanim">
                    <h1 class="titles" style="color:white">Articles</h1>
            </div>

                   <div class="flex_work slideanim" id="blogs">

                           <div class="medium-card row">
                              <a class="col-md-4" href="https://medium.com/@sajalchaplot/growth-designer-mindset-a-shift-from-product-designer-57014ae1633" target="_blank">
                                       <!-- <img src="https://miro.medium.com/v2/resize:fit:1400/0*19Tus_7DSVyhUlRg" alt="Growth Designer Mindset" class="col-md-4">-->
                                 <div class="medium-card-content">
                                        <h3>Growth Designer Mindset: A shift from Product Designer</h3>
                                        <p>If you stumbled upon this article, you probably might have heard of Growth design and want to know what it is about. Like me, maybe you...</p>
                                </div>
                              </a>
                            </div>
                           <div class="col-md-6"></div>


                     </div>

        </div>
      </div>


<script>
$(initialize);
$(window).scroll(function() {

          //var scrolTop = window.scrollTop();
  $(".slideanim").each(function(){

    var pos = $(this).offset().top;
    var winTop = $(window).scrollTop();
    var contact = $('#contact').scrollTop();
    if (pos < winTop + 400) {
      $(this).addClass("slide");

    }
  });

       // $('#cover-image').css('top', (25 - scrolTop/45) + '%');
});


</script>