webdev-front/index.html at main · sept-web-dev/webdev-front · 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
<!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="style.css">
    <link rel="icon" type="image/png" href="./fav.png" />
    <title>Amey Pandit</title>
</head>

<body>
    <header>
        <a href="#" class="logo">Amey Pandit</a>
        <div class="toggle"></div>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#About">About</a></li>
            <li><a href="#Skills">Skills</a></li>
            <li><a href="#Contact">Contact</a></li>
        </ul>
    </header>
    <section class="banner">
        <div class="textBx">
            <h2>Hello , I'm <br><span>Amey Pandit.</span></h2>
            <h3>I am Front End Web Developer.</h3>
        </div>
    </section>
    <section class="about" id="About">
        <div class="heading">
            <h2>About Me</h2>
        </div>
        <div class="content">
            <div class="contentBx">
                <h3>I am Front End Web Developer</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque officiis voluptatibus, odit esse
                    atque culpa nihil, sapiente nobis incidunt voluptatem totam, impedit nisi corrupti velit veritatis.
                    Repellendus reprehenderit voluptas ullam.
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque officiis voluptatibus, odit esse
                    atque culpa nihil, sapiente nobis incidunt voluptatem totam, impedit nisi corrupti velit veritatis.
                    Repellendus reprehenderit voluptas ullam.
                    <br>
                    <br>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque consectetur tenetur facilis minima
                    quia fuga odio eligendi tempora, rem error impedit ipsam delectus sit. Sint labore mollitia
                    recusandae cum. Eligendi?
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque consectetur tenetur facilis minima
                    quia fuga odio eligendi tempora, rem error impedit ipsam delectus sit. Sint labore mollitia
                    recusandae cum. Eligendi?
                </p>
            </div>

            <img src="./man.png" alt="" width="300" height="300">

        </div>
    </section>
    <section class="skills" id="Skills">
        <h2 class="skillstxt">My Skills</h2>
        <section class="skillsBx">
            <img src="./html.png" alt="" width="200" height="200">
            <img src="./css.png" alt="" width="200" height="200">
            <img src="./javascript.png" alt="" width="200" height="200">
            <img src="./cpp.png" alt="" width="200" height="200">
            <img src="./python.png" alt="" width="200" height="200">
        </section>

    </section>

    <footer class="footer" id="Contact">
        <a href="#" class="copyright"> © Site By Amey.</a>
        <a href="#" class="footertext">Amey Pandit</a>

        <a href="#" class="icons">
            <section class="skillsBx">
                <img src="./github.png" alt="" width="50" height="50">
                <img src="./linkedin.png" alt="" width="50" height="50">
                <img src="./facebook.png" alt="" width="50" height="50">
                <img src="./twitter.png" alt="" width="50" height="50">

            </section>
        </a>
    </footer>
</body>

</html>