First-Portfolio/index.html at main · thatcoolcoder1/First-Portfolio · 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
121
122
123
124
125
126
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>


    <section>
        <div >
            <nav class="options">

                <a href="#top">Top</a>
                <a href="#qualifications">Qualifications</a>
                <a href="#images">Images</a>
                <a href="#contact">Contact</a>
                <a href="#review">Review</a>
            </nav>
        </div>
    </section>

    <section>
        <div class="heading">
            <header>
                <h1 id="top">PORTFOLIO</h1>
                <p>-Project By Piyush Kumar</p>
            </header>

        </div>

    </section>

    <section>
        <div class="Quali">
            <h2 id="qualifications">Educational Qualifications</h2>
            <table>
                <thead>
                    <tr>
                        <th>Class</th>
                        <th>Percentage</th>
                    </tr>
                </thead>

                <tbody>
                    <tr>
                        <td>10th</td>
                        <td> 77%</td>
                    </tr>
                    <tr>
                        <td>12th</td>
                        <td>Results yet to come</td>
                    </tr>
                </tbody>
            </table>
            <h2 id="other" >Other Qualifications</h2>
            <ol class="others">
                <li>1. Experience in cybersecurity</li>
                <li>2. Experience in python</li>
                <li>3. Experience in web development</li>
            </ol>
        </div>

    </section>
    <hr>
<!-- Image section doesnt work because of privacy concerns -->
    <section id="images">
        <div class="image">
            <h2>Images</h2>
            <div class="im">
                <img class="i1" src="Snapchat-1150029.jpg" alt="Image" loading="lazy" />
                <img class="i2" src="1.jpg" >
                <img class="i3"src="2.jpg" >
                <img class="i4"src="3.jpg" >
            </div>

        </div>


    </section>
    <hr>
    <section id="contact">
        <h2>Contact</h2>
        <div>
            <p  class="contacts">Email=#</p>
            <p  class="contacts">Number = #</p>
        </div>
    </section>

    <hr>

    <section id="review">
        <h2>Reviews</h2>
        <div class="reviews">
            <p> Write your review here</p>
            <form action="https:/google.com" method="get"> <!--This is not working-->
                <input type="text" placeholder="Write Your Review" required="" class="re">
                <button type="submit" class="re1">Submit</button>
            </form>
        </div>

            <fieldset>
                <legend class="star">Give us review.</legend>
                <div class="check">
                    <label><input id="5-star" type="radio" value="5" name="yes-no">5-Star</label>
                    <label><input id="4-star" type="radio" value="5" name="yes-no">4-Star</label>
                    <label><input id="3-star" type="radio" value="5" name="yes-no">3-Star</label>
                    <label><input id="2-star" type="radio" value="5" name="yes-no">2-Star</label>
                    <label><input id="1-star" type="radio" value="5" name="yes-no">1-Star</label>

                </div>


            </fieldset>


    </section>
    <hr>

</body>


</html>