-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
142 lines (130 loc) · 7.44 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | Rohith Ram</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../style.css">
</head>
<body>
<nav>
<div class="nav-content">
<a href="index.html" class="logo">RR</a>
<div class="nav-links">
<a href="../index.html">Home</a>
<a href="./index.html">About</a>
</div>
</div>
</nav>
<main class="about-page">
<section class="about-content fade-in">
<div class="profile-picture">
<img src="../assets/IMG20241121121427.jpg" alt="Rohith Ram">
</div>
<h1>About Me</h1>
<div class="about-text">
<p>Hello! I'm Rohith Ram, a frontend developer from Coimbatore and a CSE student at SRM Institute of Science and Technology, Chennai with a passion for creating elegant, user-centric web applications. My approach to development focuses on simplicity and innovation, ensuring that every project I undertake delivers both functionality and aesthetic appeal.</p>
<h2>My Journey</h2>
<p>My journey in web development began with a fascination for creating interactive experiences. Over the years, I've improved my skills in modern web technologies, always tried staying at the forefront of industry trends and best practices. This continuous learning approach helps me deliver cutting-edge designs.</p>
<h2>My Expertise</h2>
<p>I specialize in frontend development, with a deep understanding of modern web technologies and best practices. My work is characterized by clean code, responsive design, and attention to detail. I believe in creating websites that not only look beautiful but also provide an intuitive user experience with a clean code base.</p>
<h2>Technical Skills</h2>
<div class="skills-container">
<div class="skill-group">
<h3>Frontend</h3>
<div class="skill-tags">
<span class="skill-tag">HTML5</span>
<span class="skill-tag">CSS3</span>
<span class="skill-tag">JavaScript</span>
<span class="skill-tag">React</span>
<span class="skill-tag">GSAP</span>
</div>
</div>
<div class="skill-group">
<h3>UI Frameworks</h3>
<div class="skill-tags">
<span class="skill-tag">Tailwind CSS</span>
<span class="skill-tag">Material UI</span>
<span class="skill-tag">Bootstrap</span>
<span class="skill-tag">Flutter</span>
</div>
</div>
<div class="skill-group">
<h3>Tools & Others</h3>
<div class="skill-tags">
<span class="skill-tag">Git</span>
<span class="skill-tag">Figma</span>
<span class="skill-tag">Firebase</span>
<span class="skill-tag">Debian & Arch</span>
<span class="skill-tag">C++</span>
<span class="skill-tag">Python</span>
</div>
</div>
</div>
<h2>Design Philosophy</h2>
<p>My design philosophy centers around minimalism and quick navigation. Every element in my projects serves a specific function, while looking minimalistic. I'm constantly exploring innovative design approaches from fellow developer minds while maintaining simplicity at the core.</p>
<h2>Projects</h2>
<div class="process-steps">
<div class="process-step">
<h3>1. Convertly</h3>
<p>A simple INR to USD converter using currency conversion rate API.</p>
<br>
<div class="skill-tags">
<span class="skill-tag">Flutter</span>
<span class="skill-tag">Figma</span>
</div>
</div>
<div class="process-step">
<h3>2. Forecastly</h3>
<p>A minimalistic weather app made with openweathermap's API for fetching the weather.</p>
<br>
<div class="skill-tags">
<span class="skill-tag">Flutter</span>
<span class="skill-tag">Figma</span>
</div>
</div>
<div class="process-step">
<h3>3. Portfolio Site</h3>
<p>Precisely, this website.</p>
<br>
<div class="skill-tags">
<span class="skill-tag">HTML5</span>
<span class="skill-tag">CSS3</span>
<span class="skill-tag">Javascript</span>
<span class="skill-tag">Figma</span>
</div>
</div>
</div>
<h2>Work Process</h2>
<div class="process-steps">
<div class="process-step">
<h3>1. Discovery</h3>
<p>Researching and gathering ideas for a project which serves a meaningful purpose.</p>
</div>
<div class="process-step">
<h3>2. Planning</h3>
<p>Creating comprehensive project roadmaps and using UI tools like Figma to create a base layout for the project.</p>
</div>
<div class="process-step">
<h3>3. Development</h3>
<p>Writing clean, maintainable code with a focus on performance and scalability.</p>
</div>
<div class="process-step">
<h3>4. Testing</h3>
<p>Making sure that there are no inconsistencies and bugs.</p>
</div>
</div>
<h2>Let's Connect</h2>
<p>I'm always interested in new projects and collaborations. Whether you have a specific project in mind or just want to connect, feel free to reach out through any of my social channels or drop me an email (rrohithram03@gmail.com).</p>
</div>
</section>
</main>
<footer class="fade-in">
<p>Created with ❤️ by Rohith! ✨</p>
</footer>
<script src="main.js"></script>
</body>
</html>