|
66 | 66 | margin-top: 5px; |
67 | 67 | } |
68 | 68 |
|
69 | | - ul { |
70 | | - list-style: none; |
71 | | - padding: 0; |
72 | | - } |
73 | | - |
74 | | - ul li { |
75 | | - margin-bottom: 10px; |
| 69 | + .ticket { |
76 | 70 | padding: 15px; |
77 | 71 | background-color: #fff; |
78 | | - border-radius: 8px; |
79 | | - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); |
80 | | - transition: transform 0.3s ease, box-shadow 0.3s ease; |
| 72 | + border-radius: 10px; |
| 73 | + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); |
| 74 | + border: 1px dashed #ff8c42; |
| 75 | + margin-bottom: 20px; |
| 76 | + position: relative; |
81 | 77 | } |
82 | 78 |
|
83 | | - ul li:hover { |
84 | | - transform: translateY(-5px); |
85 | | - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
| 79 | + .ticket:before, .ticket:after { |
| 80 | + content: ''; |
| 81 | + position: absolute; |
| 82 | + width: 20px; |
| 83 | + height: 20px; |
| 84 | + background: #fff; |
| 85 | + border: 3px solid #ff8c42; |
| 86 | + border-radius: 50%; |
| 87 | + top: 50%; |
| 88 | + transform: translateY(-50%); |
86 | 89 | } |
87 | 90 |
|
88 | | - ul li strong { |
89 | | - color: #ff8c42; |
| 91 | + .ticket:before { |
| 92 | + left: -10px; |
| 93 | + } |
| 94 | + |
| 95 | + .ticket:after { |
| 96 | + right: -10px; |
90 | 97 | } |
91 | 98 |
|
92 | 99 | footer { |
|
116 | 123 | <main> |
117 | 124 | <section id="about"> |
118 | 125 | <h2>About Me</h2> |
119 | | - <p>With over 6.5 years of experience in mobile software development, I specialize in creating high-performance iOS applications. My expertise lies in Swift, Objective-C, and various iOS frameworks and tools, delivering robust and scalable solutions tailored to client needs.</p> |
| 126 | + <div class="ticket"> |
| 127 | + <p>With over 6.5 years of experience in mobile software development, I specialize in creating high-performance iOS applications. My expertise lies in Swift, Objective-C, and various iOS frameworks and tools, delivering robust and scalable solutions tailored to client needs.</p> |
| 128 | + </div> |
120 | 129 | </section> |
121 | 130 |
|
122 | 131 | <section id="skills"> |
123 | 132 | <h2>Technical Skills</h2> |
124 | | - <ul> |
125 | | - <li><strong>Programming Languages:</strong> Swift, Objective-C</li> |
126 | | - <li><strong>Frameworks:</strong> UIKit, AVFoundation, Core Location, MapKit, HealthKit, Core Animation, In-App Purchases, Push Notifications</li> |
127 | | - <li><strong>Tools:</strong> Xcode, Interface Builder, Accessibility Inspector, Git</li> |
128 | | - <li><strong>APIs and Integrations:</strong> RESTful APIs, JSON, Firebase, Payment Gateways, Third-party SDKs (CocoaPods, SPM)</li> |
129 | | - <li><strong>Database:</strong> Core Data, Realm, User Defaults, Keychain</li> |
130 | | - <li><strong>App Distribution:</strong> App Store, TestFlight, Diawi</li> |
131 | | - </ul> |
| 133 | + <div class="ticket"> |
| 134 | + <p><strong>Programming Languages:</strong> Swift, Objective-C</p> |
| 135 | + <p><strong>Frameworks:</strong> UIKit, AVFoundation, Core Location, MapKit, HealthKit, Core Animation, In-App Purchases, Push Notifications</p> |
| 136 | + <p><strong>Tools:</strong> Xcode, Interface Builder, Accessibility Inspector, Git</p> |
| 137 | + <p><strong>APIs and Integrations:</strong> RESTful APIs, JSON, Firebase, Payment Gateways, Third-party SDKs (CocoaPods, SPM)</p> |
| 138 | + <p><strong>Database:</strong> Core Data, Realm, User Defaults, Keychain</p> |
| 139 | + <p><strong>App Distribution:</strong> App Store, TestFlight, Diawi</p> |
| 140 | + </div> |
132 | 141 | </section> |
133 | 142 |
|
134 | 143 | <section id="experience"> |
135 | 144 | <h2>Professional Experience</h2> |
136 | | - <ul> |
137 | | - <li><strong>Senior iOS Developer - 6.5 Years</strong></li> |
138 | | - <li>Developed and maintained iOS applications using Swift and Objective-C.</li> |
139 | | - <li>Implemented features like MapKit, HealthKit, Firebase integration, and payment gateways.</li> |
140 | | - <li>Published multiple applications on the App Store and handled updates and bug fixes.</li> |
141 | | - <li>Collaborated with cross-functional teams to ensure project success.</li> |
142 | | - </ul> |
| 145 | + <div class="ticket"> |
| 146 | + <p><strong>Senior iOS Developer - 6.5 Years</strong></p> |
| 147 | + <p>Developed and maintained iOS applications using Swift and Objective-C.</p> |
| 148 | + <p>Implemented features like MapKit, HealthKit, Firebase integration, and payment gateways.</p> |
| 149 | + <p>Published multiple applications on the App Store and handled updates and bug fixes.</p> |
| 150 | + <p>Collaborated with cross-functional teams to ensure project success.</p> |
| 151 | + </div> |
143 | 152 | </section> |
144 | 153 |
|
145 | 154 | <section id="projects"> |
146 | 155 | <h2>Projects</h2> |
147 | | - <ul> |
148 | | - <li><strong>Red Precision:</strong> A roof tracing measurement app. <a href="https://apps.apple.com/us/app/red-precision/id6447519133" target="_blank">App Store Link</a></li> |
149 | | - <li><strong>Wrkout:</strong> A gym workout app. <a href="https://apps.apple.com/sa/app/wrkout/id6466780571" target="_blank">App Store Link</a></li> |
150 | | - <li><strong>Straight Trippin:</strong> A travel planning platform. <a href="https://apps.apple.com/lt/app/straight-trippin/id6469703433" target="_blank">App Store Link</a></li> |
151 | | - <li><strong>Deer’s Eye View:</strong> An app showcasing animal vision. <a href="https://apps.apple.com/us/app/deers-eye-view/id6446702733" target="_blank">App Store Link</a></li> |
152 | | - </ul> |
| 156 | + <div class="ticket"> |
| 157 | + <p><strong>Red Precision:</strong> A roof tracing measurement app. <a href="https://apps.apple.com/us/app/red-precision/id6447519133" target="_blank">App Store Link</a></p> |
| 158 | + <p><strong>Wrkout:</strong> A gym workout app. <a href="https://apps.apple.com/sa/app/wrkout/id6466780571" target="_blank">App Store Link</a></p> |
| 159 | + <p><strong>Straight Trippin:</strong> A travel planning platform. <a href="https://apps.apple.com/lt/app/straight-trippin/id6469703433" target="_blank">App Store Link</a></p> |
| 160 | + <p><strong>Deer’s Eye View:</strong> An app showcasing animal vision. <a href="https://apps.apple.com/us/app/deers-eye-view/id6446702733" target="_blank">App Store Link</a></p> |
| 161 | + </div> |
153 | 162 | </section> |
154 | 163 |
|
155 | 164 | <section id="education"> |
156 | 165 | <h2>Education</h2> |
157 | | - <ul> |
158 | | - <li><strong>Bachelor of Technology in Computer Science</strong></li> |
159 | | - <li>Graduated with distinction, focusing on mobile and software development.</li> |
160 | | - </ul> |
| 166 | + <div class="ticket"> |
| 167 | + <p><strong>Bachelor of Technology in Computer Science</strong></p> |
| 168 | + <p>Graduated with distinction, focusing on mobile and software development.</p> |
| 169 | + </div> |
161 | 170 | </section> |
162 | 171 |
|
163 | 172 | <section id="contact"> |
164 | 173 | <h2>Contact</h2> |
165 | | - <p>Email: ramanjeet.singh@example.com</p> |
166 | | - <p>Phone: +91-12345-67890</p> |
167 | | - <p>LinkedIn: <a href="https://linkedin.com/in/ramanjeetsingh" target="_blank">linkedin.com/in/ramanjeetsingh</a></p> |
| 174 | + <div class="ticket"> |
| 175 | + <p>Email: ramanjeet.singh@example.com</p> |
| 176 | + <p>Phone: +91-12345-67890</p> |
| 177 | + <p>LinkedIn: <a href="https://linkedin.com/in/ramanjeetsingh" target="_blank">linkedin.com/in/ramanjeetsingh</a></p> |
| 178 | + </div> |
168 | 179 | </section> |
169 | 180 | </main> |
170 | 181 |
|
|
0 commit comments