-
Notifications
You must be signed in to change notification settings - Fork 0
/
home-2.html
207 lines (207 loc) · 12.5 KB
/
home-2.html
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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Thu Feb 02 2023 11:15:50 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="63c28ce9f449c634f39bd41f" data-wf-site="638f2e1e213c115bcfc0bf0c">
<head>
<meta charset="utf-8">
<title>Portfoilo without backgroud gredent</title>
<meta content="Portfoilo without backgroud gredent" property="og:title">
<meta content="Portfoilo without backgroud gredent" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/anils-beautiful-site-3b79c0.webflow.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["DM Sans:regular"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer">
</head>
<body>
<div class="header wf-section">
<div class="container w-container">
<div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav">
<a href="index.html" class="w-nav-brand"><img src="images/Group.svg" loading="lazy" alt=""></a>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="design-system.html" class="nav-link w-nav-link">Design System</a>
<a href="#" class="nav-link w-nav-link">Experience</a>
<a href="#" class="nav-link w-nav-link">Projects</a>
<a href="#Contact" class="nav-link w-nav-link">Contact</a>
</nav>
<div class="hamburger-button w-nav-button">
<div class="w-icon-nav-menu"></div>
</div>
</div>
</div>
</div>
<section data-w-id="f8b2fb3d-3777-b361-231f-3a459b3884bb" class="hero-heading-right wf-section">
<div class="container w-container">
<div class="hero-wrapper">
<div class="hero-split">
<h1 class="hero-title">Hi, I am Pratima</h1>
<p class="margin-bottom-24px">I am a UI/UX designer and Web designer. I am currently focusing on UI/UX design and also learning HTML , CSS, Javascript and React (Frontend web development).</p>
<a href="#Contact" class="button w-button">Say Hi!</a>
</div>
<div class="hero-split"><img src="images/profile-pic-2.png" loading="lazy" sizes="(max-width: 479px) 87vw, (max-width: 680px) 90vw, (max-width: 991px) 612px, 43vw" srcset="images/profile-pic-2-p-500.png 500w, images/profile-pic-2.png 612w" alt=""></div>
</div>
</div>
</section>
<div class="wf-section">
<div class="container w-container">
<div class="project-show">
<div class="project-description">
<h1 class="project-header">Bundesplatz Kino</h1>
<p class="project-text">Bundesplatz kino is a small local cinema. They show German movies and international indi movies. I have re-designed the website for them. I have chosen yellow as the primary colour. I have designed better user journey for booking tickets and finding movies.</p>
</div>
<div><img src="images/2.png" loading="lazy" alt="" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, (max-width: 991px) 97vw, (max-width: 1100px) 100vw, 1100px" srcset="images/2-p-500.png 500w, images/2-p-800.png 800w, images/2-p-1080.png 1080w, images/2.png 1100w"></div>
</div>
<div class="project-show">
<div class="project-description">
<h1 class="project-header">Acme Piano Project</h1>
<p class="project-text">The Acme Piano Academy Berlin is a private piano school in the Southwest of Berlin, geared towards anyone interested in taking piano lessons. I have recreated this website, the current website is hard to read because of color contrast. I tried to make this website simple and clear by following simple rule of UI/UX design. <br>e.</p>
</div>
<div><img src="images/1.png" loading="lazy" alt="" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, (max-width: 991px) 97vw, (max-width: 1100px) 100vw, 1100px" srcset="images/1-p-500.png 500w, images/1-p-800.png 800w, images/1-p-1080.png 1080w, images/1.png 1100w"></div>
</div>
<div class="project-show">
<div class="project-description">
<h1 class="project-header">Sana Beauty</h1>
<p class="project-text">Sana beauty parlour is a hobby project. I chose two colors as the main brand colors, purple and pink. This site is showcases services offered by the beauty parlour and provides the customer a convenient way to connect with the business.<br></p>
</div>
<div><img src="images/Untitled-design.png" loading="lazy" alt="" sizes="(max-width: 479px) 94vw, (max-width: 767px) 96vw, (max-width: 991px) 97vw, (max-width: 1100px) 100vw, 1100px" srcset="images/Untitled-design-p-500.png 500w, images/Untitled-design-p-800.png 800w, images/Untitled-design-p-1080.png 1080w, images/Untitled-design.png 1100w"></div>
</div>
</div>
</div>
<div class="section wf-section">
<div class="container w-container">
<h2 class="section-title">Other Projects</h2>
<div class="other-projects">
<div class="minicard">
<div class="minicard-icons">
<div class="fa project-icon-fancy"></div>
<div class="flex">
<a href="https://www.figma.com/proto/79LusJXlmKPZBcxbRdFgOi/Portfolio?node-id=45%3A455&scaling=scale-down-width&page-id=45%3A240&starting-point-node-id=45%3A455" target="_blank" class="icon-link w-inline-block">
<div class="fb"></div>
</a>
</div>
</div>
<div>
<h4 class="heading-4">Portfolio using Figma</h4>
<p>I created my Portfolio in Figma.</p>
</div>
<div class="div-block-3">
<a href="#">Figma</a>
<a href="#">tailwind css</a>
<a href="#">React component</a>
</div>
</div>
<div class="minicard">
<div class="minicard-icons">
<div class="fa project-icon-fancy"></div>
<div class="flex">
<a href="https://www.figma.com/proto/79LusJXlmKPZBcxbRdFgOi/Portfolio?node-id=45%3A455&scaling=scale-down-width&page-id=45%3A240&starting-point-node-id=45%3A455" target="_blank" class="icon-link w-inline-block">
<div class="fb"></div>
</a>
</div>
</div>
<div>
<h4 class="heading-4">Portfolio using Figma</h4>
<p>I created my Portfolio in Figma.</p>
</div>
<div class="div-block-3">
<a href="#">Figma</a>
<a href="#">tailwind css</a>
<a href="#">React component</a>
</div>
</div>
<div class="minicard">
<div class="minicard-icons">
<div class="fa project-icon-fancy"></div>
<div class="flex">
<a href="https://www.figma.com/proto/79LusJXlmKPZBcxbRdFgOi/Portfolio?node-id=45%3A455&scaling=scale-down-width&page-id=45%3A240&starting-point-node-id=45%3A455" target="_blank" class="icon-link w-inline-block">
<div class="fb"></div>
</a>
</div>
</div>
<div>
<h4 class="heading-4">Acme Piano Project</h4>
<p>Acme project is one of my Hobby projects. The project is about music classes for the student. The audience can be children, young, teenagers, boys, or girls. Who love music and want to learn.</p>
</div>
<div class="div-block-3">
<a href="#">Figma</a>
<a href="#">UI/UX design</a>
<a href="#">webflow</a>
</div>
</div>
<div class="minicard">
<div class="minicard-icons">
<div class="fa project-icon-fancy"></div>
<div class="flex">
<a href="#" class="icon-link w-inline-block">
<div class="fs"></div>
</a>
<a href="#" class="icon-link w-inline-block">
<div class="fb"></div>
</a>
</div>
</div>
<div>
<h4 class="heading-4">Bundesplatz kino Berlin</h4>
<p>Bundesplatz Kino is my project from Redi school. In this Project I have utilized my learning skills by working on a project, by doing so I have built my confidence and also get to learn more from it. In this project, I have tried to make a beautiful UI design and also try to utilize my UX by making it easier for the user to book the movie ticket by providing more options to buy a ticket by selecting a date, and time and also able to book the ticket by watching a movie trailer.</p>
</div>
<div class="div-block-3">
<a href="#">Figma</a>
<a href="#">webflow</a>
</div>
</div>
</div>
</div>
</div>
<div id="Contact" class="section section-gray wf-section">
<div class="container padding-y w-container">
<div>
<div class="columns-3 w-row">
<div class="w-col w-col-6">
<div class="w-form">
<form id="email-form" name="email-form" data-name="Email Form" method="post">
<h2 class="section-title">Contact</h2><label for="name-2">Name</label><input type="text" class="w-input" maxlength="256" name="name-2" data-name="Name 2" placeholder="" id="name-2"><label for="email-2">Email Address</label><input type="email" class="w-input" maxlength="256" name="email-2" data-name="Email 2" placeholder="" id="email-2" required=""><label for="field-2">Message</label><textarea id="field-2" name="field-2" maxlength="5000" data-name="Field 2" placeholder="Type your message here." required="" class="textarea w-input"></textarea><input type="submit" data-wait="Please wait..." value="Submit" class="button w-button">
</form>
<div class="w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
<div class="column-2 w-col w-col-6"><img src="images/Component-3.svg" loading="lazy" width="401" alt="" class="image-8"></div>
</div>
</div>
</div>
</div>
<div class="wf-section">
<div class="container w-container">
<div class="div-block-10">
<a href="https://www.linkedin.com/in/pratima-maharjan/" target="_blank" class="w-inline-block">
<div class="social-icon"> </div>
</a>
<a href="https://www.figma.com/@pratima" target="_blank" class="w-inline-block">
<div class="social-icon"></div>
</a>
<a href="https://github.com/pr4t1ma" target="_blank" class="w-inline-block">
<div class="social-icon"></div>
</a>
</div>
<div class="copyright">
<div>© 2023 copyright Pratima Maharjan</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=638f2e1e213c115bcfc0bf0c" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>