Portfolio-CSS/index.html at main · tirth5828/Portfolio-CSS · 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
<!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">
    <link rel="stylesheet" href="CSS/styles.css">
    <title>Tirth Joshi</title>
    <link rel="icon" href="favicon.ico">
    <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=Permanent+Marker&family=Sacramento&family=Syne+Mono&display=swap" rel="stylesheet">
</head>

<body>
    <div class="top-container">
        <h1 class="name">Tirth &nbsp;&nbsp;&nbsp; Joshi</h1>
        <h3 class="disc">An Artist</h3>
        <img src="images/Android.png" alt="Android" class="Android_logo">
        <img src="images/SparkAR.png" alt="SparkAR" class="SparkAR_logo">
        <img src="images/Python.png" alt="Python" class="Python_logo">
        <!--
        <img src="images/Html_Css.png" alt="Html_Css" class="Html_Css_logo">
        <img src="images/Tensorflow.png" alt="Tensorflow" class="Tensorflow_logo">
        <img src="images/c++.png" alt="C++" class="Cpp_logo">
        <img src="images/Java.png" alt="JAVA" class="JAVA_logo">
        <img src="images/Numpy.png" alt="Numpy" class="Numpy_logo">
        <img src="images/Pandas.png" alt="Pandas" class="Pandas_logo">
        <img src="images/table.png" alt="table" class="table_logo">
        -->

    </div>

    <div class="middle-container">
        <div class="profile">
            <img src="images/tirth.png" alt="Tirth Joshi" class="my_image">
            <h2>Hello.</h2>
            <p class="intro">I am an Undergrad Student at IIT Madras and IIIT Vadodara. Majoring in Computer Science and Data Science respectively. I love Maths, Food and Literature</p>
        </div>
        <hr>
        <div class="skills">
            <h2>My Skills.</h2>
            <div class="skill-row">
                <img class="Skill_Android" src="images/Android.png" alt="Android">
                <h3>Android Development</h3>
                <p>Have worded with Android Development for last 2 years and have created numerous projects along with taking part in many hacakthon.</p>
            </div>
            <div class="skill-row">
                <img class="Skill_SparkAR" src="images/SparkAR.png" alt="SparkAR">
                <h3>Spark AR</h3>
                <p>Stared creating instagram filters through Spark AR as the fun side hobby it has now turned into a proper skill as i spent more time learning and refining it. I have many filters live on instagram.</p>
            </div>
            <div class="skill-row">
                <img class="Skill_ML" src="https://www.pngkit.com/png/detail/314-3142869_machine-learning-machine-learning-logo-png.png" alt="machine-learning">
                <h3>Machine Learning</h3>
                <p>Maths and Computers are my best partners from childhood. Machine Learning have given me that confort with the ability to explore new things and know more about world through the eyes of numbers and data.</p>
            </div>
        </div>
        <hr>
        <div class="contact-me">
            <h2>Get In Touch</h2>
            <h3>If you are as crazy as me.</h3>
            <p class="contact_me_message">Fell free to contact me so we can both make eachother even more crazier. And help in making earth a crazy place.</p>
            <a class="btn" href="mailto:name@email.com">CONTACT ME</a>
        </div>
    </div>


    <div class="bottom-container">
        <a class="footer-link" href="https://www.linkedin.com/in/tirth5828">LinkedIn</a>
        <a class="footer-link" href="https://github.com/tirth5828">Github</a>
        <a class="footer-link" href="index.html">Website</a>
        <p class="copyright">© Tirth Joshi.</p>
    </div>

</body>

</html>