-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
169 lines (160 loc) · 10.5 KB
/
index.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
<html>
<head>
<title> Home - Meet Patadia </title>
<link rel="stylesheet" href="mainCSS.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body class="home-body">
<!-- NAVIGATION BAR -->
<header>
<div class="main-div">
<div class="image-div">
<img width="150px" height="150px" src = "zebru_image-removebg-preview.png">
</div>
<div class="lists">
<a class="nav-item" href="index.html">Home</a>
<a class="nav-item" href="about.html">About</a>
<a class="nav-item" href="activity.html">Activity</a>
<a class="nav-item" href="work.html">Project</a>
<a class="nav-item" href="blog.html">Blog</a>
<a class="nav-item" href="contact.html">Contact Us</a>
</div>
</div>
</header>
<!-- INTRODUCTION -->
<div class="home-intro">
<h1 style="color: white;"> I am Meet Patadia </h1> <br>
<h2 style="color: white;"> What i expertise in? </h2>
<h2 style="color: orange;" id="text1" onload="display();"></h2> <br><br>
<script>
setTimeout(display, 3000);
function display() {
document.getElementById("text1").innerHTML = "Web Development && Mobile Application Development";
}
</script>
<a href="work.html" class="work-button"> Work </a>
</div>
<!-- SPECIALISE -->
<div class="home-specialise">
<h1> I SPECIALISE IN </h1>
<div class="underline"></div>
<h2> Web Development && Mobile Application Development </h2>
<div class="home-spe-main">
<div class="home-spe-one">
<i style="margin: 9px; color: orange;" class="fa-brands fa-android fa-2x"></i>
<h3 style="margin: 9px;"> MOBILE APP DEVELOPMENT </h3>
<p style="margin: 9px;"> I specialize in creating intuitive and user-friendly mobile applications. I bring a passion for innovative design, problem-solving, and a strong foundation in app development technologies. </p>
</div>
<div class="home-spe-two">
<i style="margin: 9px; color: orange;" class="fa-solid fa-display fa-2x"></i>
<h3 style="margin: 9px;"> WEB DEVELOPMENT </h3>
<p style="margin: 9px;">My expertise lies in creating responsive and user-friendly websites. I am skilled in HTML, CSS, and JavaScript, and passionate about delivering visually appealing and functional web experiences.</p>
</div>
<div class="home-spe-three">
<i style="margin: 9px; color: orange;" class="fa-regular fa-object-group fa-2x"></i>
<h3 style="margin: 9px;"> VISUAL DESIGN </h3>
<p style="margin: 9px;">I bring a creative and fresh perspective to transform ideas into visually captivating experiences. Proficient in Adobe Creative Suite, I strive to create engaging and impactful designs that leave a lasting impression.</p>
</div>
<div class="home-spe-four">
<i style="margin: 9px; color: orange;" class="fa-solid fa-thumbs-up fa-2x"></i>
<h3 style="margin: 9px;"> INTERACTION </h3>
<p style="margin: 9px;">A point where users interact with the website they're using. UI is the main part of building an engaging website. A good User Interface design presents a seamless blend of Visual Design, Interaction Design and Information Architecture.</p>
</div>
</div>
<div class="home-spe-main2">
<div class="home-spe-one1">
<i style="margin: 9px;" class="fa-regular fa-file-code fa-4x"></i>
<p style="margin: 19px; font-size: 21px;"> Projects </p>
<h1 style="margin: 9px;"> 5 </h1>
</div>
<div class="home-spe-two2">
<i style="margin: 9px;" class="fa-brands fa-android fa-4x"></i>
<p style="margin: 9px; font-size: 21px;"> Live Projects </p>
<h2 style="margin: 9px;"> 2 </h2>
</div><div class="home-spe-three3">
<i style="margin: 9px;" class="fa-regular fa-building fa-4x"></i>
<p style="margin: 19px; font-size: 21px;"> Internships </p>
<h1 style="margin: 9px;"> 2 </h1>
</div>
<div class="home-spe-four4">
<i style="margin: 9px;" class="fa-solid fa-code fa-4x"></i>
<p style="margin: 19px; font-size: 21px;"> Basic knowlegde of </p>
<h2 style="margin: 9px;"> HTML, CSS, JavaScript, PHP, Laravel,C++, Android (Java && Kotlin), DotNet </h2>
</div>
</div>
</div>
<!-- CREATIVE PROCESS -->
<div class="home-creative">
<h1> MY CREATIVE PROCESS </h1>
<div class="underline"></div>
<h2> Web Development && Mobile Application Development </h2>
<div class="home-cre-main">
<div class="home-cre-one">
<i class="fa-regular fa-file-lines fa-6x icon_size"></i>
<h3 style="margin: 9px;"> DISCUSS THE PROJECT </h3>
<p style="margin: 9px;"> As a professional, my initial step is to engage in thorough project discussions. Let's explore your objectives, requirements, and expectations, ensuring a comprehensive understanding to deliver a tailored and successful solution. </p>
</div>
<div class="home-cre-two">
<i class="fa-solid fa-display fa-6x icon_size"></i>
<h3 style="margin: 9px;"> BRAINSTORMING & CONCEPT </h3>
<p style="margin: 9px;">After discussing the project, my next step is to embark on a focused brainstorming and concept phase. Leveraging creativity and expertise, we'll generate innovative ideas that align with your vision and pave the way for a remarkable outcome.</p>
</div>
<div class="home-cre-three">
<i class="fa-regular fa-object-group fa-6x icon_size"></i>
<h3 style="margin: 9px;"> UI/UX PLANNING </h3>
<p style="margin: 9px;">Following brainstorming and concept development, the next vital step is meticulous UI/UX planning. Through meticulous attention to detail, I will map out intuitive user experiences and design captivating interfaces that align with your project goals.</p>
</div>
<div class="home-cre-four">
<i class="fa-solid fa-thumbs-up fa-6x icon_size"></i>
<h3 style="margin: 9px;"> DEVELOPMENT </h3>
<p style="margin: 9px;">As the culmination of the process, the final step involves expert development. With a focus on efficiency and precision, I will bring your project to life, ensuring seamless functionality and delivering a high-quality end product.</p>
</div>
</div>
</div>
<!-- FOOTER -->
<footer>
<div class="footer-main">
<div class="footer-address">
<h3> Address </h3>
<div class="underline2"></div>
<p style="margin-left: 16px; text-align:justify"> C-201, Guda Awaas fp368, Nr. Limbach mata temple, PDPU road, Rayan, Gandhinagar, Gujarat-382007</p>
</div>
<div class="footer-navi">
<h3> Navigation </h3>
<div class="underline2"></div>
<a class="footer-navi-item" href="">Home</a> <br>
<a class="footer-navi-item" href="">About</a> <br>
<a class="footer-navi-item" href="">Activity</a> <br>
<a class="footer-navi-item" href="">Work</a> <br>
<a class="footer-navi-item" href="">Gallery</a> <br>
<a class="footer-navi-item" href="">Contact Us</a>
</div>
<div classs="footer-follow">
<h3>Follow Me</h3>
<div class="underline2"></div>
<a href="https://www.facebook.com/profile.php?id=100009719227175">
<i style="margin: 9px; color: white; text-decoration: none;" class="fa-brands fa-facebook fa-2x"></i>
</a>
<a href="https://www.instagram.com/meetpatadia9/?fbclid=IwAR05zM3jPAEfBn22nElv7cwYxLhO9KTimO66HR2d5TelMZLVTJKssy20euo">
<i style="margin: 9px; color: white; text-decoration: none;" class="fa-brands fa-instagram fa-2x"></i>
</a>
<a href="https://www.linkedin.com/in/meet-patadia-858520217/">
<i style="margin: 9px; color: white; text-decoration: none;" class="fa-brands fa-linkedin fa-2x"></i>
</a>
<a href="https://twitter.com/meetpatadia9?fbclid=IwAR3O8pY8Z4gjK5zhftY4RHNbC3aBRIczOHKCdNzkFodbAOUYVoLzRryHvhU">
<i style="margin: 9px; color: white; text-decoration: none;" class="fa-brands fa-twitter fa-2x"></i>
</a>
<br>
<a style="text-decoration: none;" href="mailto:patadiam09@gmail.com">
<i style="margin-top: 20px; color: white; text-decoration: none;" class="fa-regular fa-envelope fa-2x"></i>
</a>
<lable style="color: white; font-size: 18px; margin: 2px;"> patadiam09@gmail.com </lable>
<br>
<i style="margin-top: 20px; color: white; text-decoration: none;" class="fa-solid fa-phone fa-2x"></i>
<lable style="color: white; font-size: 18px; margin: 2px;"> +91 8734963629 </lable>
</div>
</div>
<p style="color: white; margin-top: 40px; text-align: center; font-size: 18px;"> Copyright © 2022 Reserved </p>
</footer>
</body>
</html>