-
Notifications
You must be signed in to change notification settings - Fork 0
/
old-home-copy.html
170 lines (170 loc) · 12.1 KB
/
old-home-copy.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
<!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="63bfbca27093620926d42d4e" data-wf-site="638f2e1e213c115bcfc0bf0c">
<head>
<meta charset="utf-8">
<title>Home</title>
<meta content="Home" property="og:title">
<meta content="Home" 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>
<section class="project wf-section">
<div class="project-wrap">
<div class="project-image"><img src="images/Booking-ticket-1.png" loading="lazy" width="1512" sizes="(max-width: 479px) 89vw, (max-width: 767px) 93vw, (max-width: 991px) 98vw, (max-width: 2562px) 59vw, 1512px" srcset="images/Booking-ticket-1-p-500.png 500w, images/Booking-ticket-1-p-800.png 800w, images/Booking-ticket-1-p-1080.png 1080w, images/Booking-ticket-1.png 1512w" alt="" class="image-9"></div>
<div class="project-content">
<h1 class="heading-7">Bundesplatz Kino</h1>
<p class="margin-bottom-24px-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt sagittis eros. Quisque quis euismod lorem. Etiam sodales ac felis id interdum.</p>
<a href="#" class="button button-primary w-button">Read More</a>
</div>
</div>
<div data-w-id="35d59387-2e98-3db4-7fc1-e953f2de0e3d" class="project-gallery-wrap">
<div class="project-gallery"><img src="images/Screenshot-2023-01-12-at-09.02.37.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 87vw, (max-width: 991px) 93vw, 95vw" srcset="images/Screenshot-2023-01-12-at-09.02.37-p-500.png 500w, images/Screenshot-2023-01-12-at-09.02.37-p-800.png 800w, images/Screenshot-2023-01-12-at-09.02.37-p-1080.png 1080w, images/Screenshot-2023-01-12-at-09.02.37-p-1600.png 1600w, images/Screenshot-2023-01-12-at-09.02.37-p-2000.png 2000w, images/Screenshot-2023-01-12-at-09.02.37-p-2600.png 2600w, images/Screenshot-2023-01-12-at-09.02.37.png 2850w" alt="" class="project-gallery-image"><img src="images/Screenshot-2023-01-12-at-09.27.23.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 87vw, (max-width: 991px) 93vw, 95vw" srcset="images/Screenshot-2023-01-12-at-09.27.23-p-500.png 500w, images/Screenshot-2023-01-12-at-09.27.23-p-800.png 800w, images/Screenshot-2023-01-12-at-09.27.23-p-1080.png 1080w, images/Screenshot-2023-01-12-at-09.27.23-p-1600.png 1600w, images/Screenshot-2023-01-12-at-09.27.23-p-2000.png 2000w, images/Screenshot-2023-01-12-at-09.27.23.png 2258w" alt="" class="project-gallery-image"></div>
</div>
</section>
<section class="project project-bg-1 wf-section">
<div class="project-wrap">
<div class="project-content">
<h1 class="heading-7">Bundesplatz Kino</h1>
<p class="margin-bottom-24px-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt sagittis eros. Quisque quis euismod lorem. Etiam sodales ac felis id interdum.</p>
<a href="#" class="button button-primary w-button">Read More</a>
</div>
<div class="project-image"><img src="images/Booking-ticket-1.png" loading="lazy" width="1512" sizes="(max-width: 479px) 89vw, (max-width: 767px) 93vw, (max-width: 991px) 98vw, (max-width: 2562px) 59vw, 1512px" srcset="images/Booking-ticket-1-p-500.png 500w, images/Booking-ticket-1-p-800.png 800w, images/Booking-ticket-1-p-1080.png 1080w, images/Booking-ticket-1.png 1512w" alt="" class="image-9"></div>
</div>
<div data-w-id="5654a0c2-089b-9653-1d16-88f666e41849" class="project-gallery-wrap">
<div class="project-gallery"><img src="images/Screenshot-2023-01-12-at-09.02.37.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 87vw, (max-width: 991px) 93vw, 95vw" srcset="images/Screenshot-2023-01-12-at-09.02.37-p-500.png 500w, images/Screenshot-2023-01-12-at-09.02.37-p-800.png 800w, images/Screenshot-2023-01-12-at-09.02.37-p-1080.png 1080w, images/Screenshot-2023-01-12-at-09.02.37-p-1600.png 1600w, images/Screenshot-2023-01-12-at-09.02.37-p-2000.png 2000w, images/Screenshot-2023-01-12-at-09.02.37-p-2600.png 2600w, images/Screenshot-2023-01-12-at-09.02.37.png 2850w" alt="" class="project-gallery-image"><img src="images/Screenshot-2023-01-12-at-09.27.23.png" loading="lazy" sizes="(max-width: 479px) 79vw, (max-width: 767px) 87vw, (max-width: 991px) 93vw, 95vw" srcset="images/Screenshot-2023-01-12-at-09.27.23-p-500.png 500w, images/Screenshot-2023-01-12-at-09.27.23-p-800.png 800w, images/Screenshot-2023-01-12-at-09.27.23-p-1080.png 1080w, images/Screenshot-2023-01-12-at-09.27.23-p-1600.png 1600w, images/Screenshot-2023-01-12-at-09.27.23-p-2000.png 2000w, images/Screenshot-2023-01-12-at-09.27.23.png 2258w" alt="" class="project-gallery-image"></div>
</div>
</section>
<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="#" 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">Portfolio using HTML & CSS</h4>
<p>I have built my portfolio by coding purely HTML and CSS. I tried to recreate the portfolio I made with Figma to learn HTML and CSS.</p>
</div>
<div class="div-block-3">
<a href="#">HTML</a>
<a href="#">CSS</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>