Friends_FigmaDesign_into_Code/parth.html at master · himanshu1573/Friends_FigmaDesign_into_Code · 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
<div class="wrapper">
    <header class="header">
        <img src="SiteLogo.png" alt="Parth" class="logo">
        <nav class="navbar">
            <a href="#">Home</a>
            <a href="#">Work</a>
            <a href="#">About</a>
            <a href="#">Contact</a>
        </nav>
    </header>
    <div class="hero">
        <div class="content-text">
            <div class="text">
                <div class="l1"> I'm <span>Parth</span>, a <span><em>UI/UX designer</em></span> based in</div>
                <div>
                <div class="l2">Pune. Available for freelance &</div>
                <div class="l3">collbarations.</div>
                <div class="content-left-icon">
                    <i class="fa-brands fa-linkedin fa-xl"></i>
                    <i class="fa-brands fa-instagram fa-xl"></i>
                </div>

            </div>
        </div>
        <div class="more-project">Explore a few feature Projects <i class="fa-solid fa-arrow-down"></i></div>

    </div>

    <div class="project-container">
        <div class="gallery">
            <div class="projects-1">
                <h2 class="heading">Discord Case Study</h2>
                <h3 class="subheading">Discord Case Study</h3>
                <img class="images1" src="Discord.png" alt="">
            </div>
            <div class="projects-2">
                <h2 class="heading">Steam's Navigations Analyses Study</h2>
                <h3 class="subheading">Discord Case Study</h3>
                <img class="images2" src="SteamScreens.png" alt="">
            </div>
            <div class="projects-3">
                <h2 class="heading">Visual Brand Identity</h2>
                <h3 class="subheading">Discord Case Study</h3>
                <img class="images3" src="KhojLOGO.png" alt="">
            </div>
            <div class="projects-4">
                <h2 class="heading">Museum Collateral Design</h2>
                <h3 class="subheading">Discord Case Study</h3>
                <img class="images4" src="book_cover_mockup_02 3.png" alt="">
            </div>
        </div>

    </div>
    <div class="content-production">
        <div class="see-all">
            <a href="_blan">See All</a>
        </div>
        <div class="content">Content Production</div>
        <div class="subcontent"> When I'm not designing, you'll probably catch me
            deep into video and content creation. I'm all about
            spinning tales and bringing them to life through
            visuals. Whether I'm shooting footage or editing,
            I just love weaving stories that hook people in and
            leave them wanting more.</div>
        <div class="media">
            <div class="image-container">

                <img src="book_cover_mockup_02 3.png" alt="Image">
            </div>
        </div>
    </div>
    <div class="clients-section">
        <div class="client-content">
            <div class="title">What Clients Say</div>

        <div class="client-main">
            <div class="w3-content w3-display-container">
                <img class="mySlides" src="testinomials/Testimonial 1.png" style="width:100%">
                <img class="mySlides" src="testinomials/Testimonial 2.png" style="width:100%">
                <img class="mySlides" src="testinomials/Testimonial 3.png" style="width:100%">
                <!-- <img class="mySlides" src="img_forest.jpg" style="width:100%"> -->

                <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
                <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">&#10095;</button>
            </div>

        </div>
    </div>
    </div>
</div>
    <div class="footer">

        <div class="content1">
            <p>You’ve hit the footer, thanks for stopping by.
            </p>
            <p>Still Curious?
            </p>

        </div>
        <div class="email">
            <a href="mailto:parthninave08@gmail.com">parthninave08@gmail.com</a>
        </div>
        <div class="icons">

            <i class="fa-brands fa-instagram fa-xl"></i>
            <i class="fa-brands fa-linkedin fa-xl"></i>

        </div>
    </div>

</div>