Portfolio-Page/index.html at master · Ashwini-Rathod/Portfolio-Page · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio</title>
    <link rel="stylesheet" href="./styles/style.css">
</head>
<body>
    <header class="header">
    <div class="banner">
         <div class="header-div">
             <div class="name">
                 <h2 class="name-h2">Ashwini Rathod</h2>
             </div>
             <div class="navigation-container">

                <nav class="navigation">
                    <a href="#" class="nav-links">About Me</a>
                    <a href="#" class="nav-links">Contact Me</a>
                </nav>
             </div>

         </div>


         <h1 class="welcome h1">Welcome to my Portfolio! </h1>
    </div>

    </header>
    <div class="intro">
        <h1 class="welcome about">About</h1>
         <h3 class="welcome h3">I am Ashwini Rathod, and in this page you can have a look at three different projects that I completed using HTML and CSS. All these projects made use of various CSS properties. CSS provides a wide range of styling options by using which we can design almost anything and everything. All the three projects below are quite different from one another and hence you will find a wide use of CSS properties that literally helps the page to come to life. So if this interests you and you also want to try creating your own web pages, then this page has all you will need. To know more about me or contact me, you can refer the top-right corner of the page.</h3>
    </div>

    <br>
    <br>
    <hr>
    <br>
    <br>
<main class="main">

    <div class="containter">

        <h1 class="welcome content-box">USER REGISTRATION PAGE</h1>

        <p class="content">This form is a user registration form. Here, some basic input information has to be provided by the user to login to a site known as 'CodersWorld'. In this form, concept of flex is used. Also, it provides an option to the user to login through social media. Below is a glimse of the page.
        </p>
        <p class="image-p"><img src="./styles/user-page-ss.png" alt="image" class="page-image"></p>
        <p class="abc">
        <a href="https://ashwini-rathod.github.io/User-reg-form/" class="a-class">Click me to see the User Registration Form</a>
        </p>
    </div>
    <br>
    <br>
    <hr>
    <br>
    <br>

    <div class="container">
        <h1 class="welcome content-box">PROFILE PAGE</h1>
        <p class="content">This page consists of my profile page which has my professional as well as some personal information.  It uses concepts of flex and pseudo-classes for the main-content. It also provides an option to download the page.</p>
        <p class="image-p"><img src="./styles/profile-ss.png" alt="image" class="page-image"></p>
        <p class="abc"><a href="https://ashwini-rathod.github.io/Profile-page/" class="a-class">Click me to see the Profile Page</a></p>
    </div>
    <br>
    <br>
    <hr>
    <br>
    <br>

    <div class="container">
        <h1 class="welcome content-box">RAW ENGINEERING: CAREERS</h1>
        <p class="content">This page is the Raw Engineering's Career page. It gives complete information about the career aspect of the company. This page uses the concept of grid for the header and footer. It also makes use of an flex-box for a particular division. </p>
        <p class="image-p"><img src="./styles/raw-ss.png" alt="image" class="page-image"></p>
        <p class="abc"><a href="https://ashwini-rathod.github.io/Raw-Engineering-Career/" class="a-class">Click me to see the Raw Engineering: Career page</a></p>
    </div>
</main>
<br>
<br>
<br>


</body>
</html>