dev_deepan/index.html at main · deepanganth/dev_deepan · 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
<!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">
    <title>dev_deepan</title>
    <link rel="stylesheet" href="css/css-main.css">
    <link rel="stylesheet" href="css/normalize.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=Oswald&display=swap" rel="stylesheet">
    <script src="E:\portfolio\js\js-main.js"></script>
</head>
<body>
    <section>
        <div class="nav-section">
            <div class="nav">
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#skills">Skills</a></li>
                <li><a href="#contact">Contact</a></li>
            </div>
        </div>
    </section>
    <section class="hero-section" id="home">
        <div class="hero-name">
            <h1 class="letters">Hi <br> I'm Deepan Ganth <br> Web Developer <img src="dev.png" alt="dev" class="dev"></h1>
        </div>
        <div>
            <img src="Hacker-bro.svg" alt="" class="hacker">
        </div>
    </section>
    <section class="about-section" id="about">
        <div class="about-text">
            <div class="box about-l">
                <h1>About Me</h1>
                <img src="Coding-bro.svg" alt="avatar">
                <p>Name: Deepan Ganth</p>
                <p>profile: Full stack Developer</p>
                <p>Email: deepanganth@gmail.com</p>
                <p>phone: 9600898438</p>
            </div>
            <div class="box about-r">
                <p>Lorem culpa ipsa expedita reprehenderit aperiam error vitae, maiores cum officiis blanditiis nostrum distinctio quibusdam quisquam architecto rem? Eligendi veritatis eve Lorem ipsum dolor, sit amet consectetur adipisicing elit. Id ipsam adipisci et modi exercitationem doloremque. Magnam cumque natus recusandae qui sed mollitia non, nemo nisi, quia reiciendis laborum? Enim, lem ipsum, dolor sit amet consectetur adipisicing elit. Sint, deserunt. ipsam et, consectetur minus nemo upiditate optio similique, aliquam nesciunt, veritatis nam culpa blanditiis ab minima ut libero perspiciatis eius ad? Ratione iure quo, recusandae, animi possimus veritatis amet deleniti inventore beatae quae aliquam eaque quisquam facere? Ullam omnis quas quibusdam consequatur perspiciatis consequuntur id illo exercitationem, dicta voluptate eligendi minima.</p>
            </div>
        </div>
    </section>
    <section class="skill-section" id="skills">
        <div class="bg-skill">
            <div class="container wd">
                <p>Web Design</p>
                <img src="assets/wd.svg" alt="">
            </div>
            <div class="container ps">
                <p>PhotoShop</p>
                <img src="assets/ps.svg" alt="">
            </div>
            <div class="container as">
                <p>Android Studio</p>
                <img src="assets/as.svg" alt="">
            </div>
            <div class="container gc">
                <p>GoogleCloud</p>
                <img src="assets/gc.svg" alt="">
            </div>
            <div class="container ai">
                <p>Artificial Intelligence</p>
                <img src="assets/ai.png" alt="">
            </div>
            <div class="container ml">
                <p>Machine Learning</p>
                <img src="assets/ml.png" alt="">
            </div>
         </div>
    </section>
    <section class="contact-section" id="contact">
        <div class="bg-contact">
            <div class="contact">
               <div class="top">
                    <a href=" https://wa.me/919600898438" target="blank" >
                       <img src="assets/WhatsApp.png" alt="">
                    </a>
               </div>
               <div class="bot">
                   <img src="assets/Instagram.png" alt="">
               </div>
               <div class="top">
                   <a href="https://github.com/deepanganth" target="blank">
                       <img src="assets/Github.png" alt="">
                   </a>
               </div>
               <div class="bot">
                   <a href="linkedin.com/in/deepan-ganth-9308ab210" target="blank">
                       <img src="assets/LinkedIN.png" alt="">
                   </a>
               </div>
               <div class="top">
                   <a href="https://www.facebook.com/deepan.ganth.9" target="blank">
                       <img src="assets/Facebook.png" alt="">
                   </a>
               </div>
               <div class="bot">
                   <img src="assets/Twitter.png" alt="">
               </div>
            </div>
        </div>
    </section>
    <section class="end-section">
        <div>
            <h1>CATCH ME AT</h1>
        </div>
        <div class="end">
            <p>Email <br> deepanganth@gmail.com</p>
            <p>phone <br> 9600898438</p>
            <p>Address <br> 2/308, south street colony,vilathikulam, tuticorin, 628904.</p>
        </div>
    </section>
</body>
</html>