-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
123 lines (117 loc) · 6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>README</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
background-color: #0d1117; /* Dark background */
color: #c9d1d9; /* Light text color */
margin: 0;
padding: 0;
}
.container {
width: 80%;
margin: auto;
background: #161b22; /* Slightly lighter background for the content area */
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
img {
max-width: 100%;
height: auto;
}
h1, h2, h3 {
color: #e3b341; /* Accent color for headers */
}
.badges img {
margin: 5px;
}
.badges a {
text-decoration: none;
}
.section {
margin-bottom: 20px;
}
.section div {
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="container">
<div align="center">
<img src="https://github.com/ParisaRoozgarian/ParisaRoozgarian/assets/107187797/08b6a5b6-3b59-45e0-a02b-714d3fa77923" alt="Header Image"/>
</div>
<br/>
<div class="badges" align="center">
<a href="https://www.linkedin.com/in/parisa-roozgarian/">
<img src="https://img.shields.io/badge/LinkedIn-blue?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn Badge"/>
</a>
<a href="mailto:[email protected]">
<img src="https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white" alt="Gmail Badge"/>
</a>
<div>
<a href="https://komarev.com/ghpvc/?username=Parisaroozgarian">
<img src="https://komarev.com/ghpvc/?username=Parisaroozgarian&style=flat-square&color=blue" alt="Profile Views"/>
</a>
</div>
<h2>Hi there👋</h2>
</div>
<p>Highly motivated and adaptable professional with a strong work ethic and excellent interpersonal skills. Proficient in working independently and quick to master new skills. Skilled software developer with expertise in coding, debugging, and project management.</p>
<div class="section">
<h2>Project Overview</h2>
</div>
<div class="section">
<h3>Programming Languages</h3>
<div>
<img src="https://img.shields.io/badge/HTML-E34F26?style=for-the-badge&logo=html5&logoColor=white" alt="HTML" />
<img src="https://img.shields.io/badge/CSS-1572B6?style=for-the-badge&logo=css3&logoColor=white" alt="CSS" />
<img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black" alt="JavaScript" />
<img src="https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54" alt="Python" />
<img src="https://img.shields.io/badge/SQL-%2344479A.svg?style=for-the-badge&logo=sql&logoColor=white" alt="SQL" />
<img src="https://img.shields.io/badge/Excel-%2334A853.svg?style=for-the-badge&logo=microsoft-excel&logoColor=white" alt="Excel" />
</div>
</div>
<div class="section">
<h3>Libraries</h3>
<div>
<img src="https://img.shields.io/badge/Bootstrap-7952B3?style=for-the-badge&logo=bootstrap&logoColor=white" alt="Bootstrap" />
<img src="https://img.shields.io/badge/Swiper-5A32A3?style=for-the-badge&logo=swiper&logoColor=white" alt="Swiper" />
<img src="https://img.shields.io/badge/Tailwind%20CSS-38B2AC?style=for-the-badge&logo=tailwindcss&logoColor=white" alt="Tailwind CSS" />
<img src="https://img.shields.io/badge/Pandas-150458?style=for-the-badge&logo=pandas&logoColor=white" alt="Pandas" />
<img src="https://img.shields.io/badge/Numpy-013243?style=for-the-badge&logo=numpy&logoColor=white" alt="Numpy" />
<img src="https://img.shields.io/badge/Matplotlib-003B57?style=for-the-badge&logo=matplotlib&logoColor=white" alt="Matplotlib" />
<img src="https://img.shields.io/badge/Seaborn-1A1A1A?style=for-the-badge&logo=seaborn&logoColor=white" alt="Seaborn" />
<img src="https://img.shields.io/badge/Plotly-3F4E61?style=for-the-badge&logo=plotly&logoColor=white" alt="Plotly" />
<img src="https://img.shields.io/badge/OpenCV-5C3EE8?style=for-the-badge&logo=opencv&logoColor=white" alt="OpenCV" />
<img src="https://img.shields.io/badge/NLTK-3C3C3C?style=for-the-badge&logo=python&logoColor=white" alt="NLTK" />
<img src="https://img.shields.io/badge/Flask-000000?style=for-the-badge&logo=flask&logoColor=white" alt="Flask" />
</div>
</div>
<div class="section">
<h3>ML/DL</h3>
<div>
<img src="https://img.shields.io/badge/scikit--learn-%2377AA99.svg?style=for-the-badge&logo=scikit-learn&logoColor=white" alt="scikit-learn" />
<img src="https://img.shields.io/badge/Keras-%23d9ead3.svg?style=for-the-badge&logo=Keras&logoColor=black" alt="Keras" />
<img src="https://img.shields.io/badge/TensorFlow-%23FF6F00.svg?style=for-the-badge&logo=tensorflow&logoColor=white" alt="TensorFlow" />
<img src="https://img.shields.io/badge/PyTorch-%23EE4C2C.svg?style=for-the-badge&logo=pytorch&logoColor=white" alt="PyTorch" />
</div>
</div>
<div class="section">
<h3>IDEs</h3>
<div>
<img src="https://img.shields.io/badge/IBM%20Cognos%20Analytics-052FAD?style=for-the-badge&logo=ibm&logoColor=white" alt="IBM Cognos Analytics" />
<img src="https://img.shields.io/badge/Jupyter%20Notebook-F37626?style=for-the-badge&logo=jupyter&logoColor=white" alt="Jupyter Notebook" />
<img src="https://img.shields.io/badge/Anaconda-44A833?style=for-the-badge&logo=anaconda&logoColor=white" alt="Anaconda" />
<img src="https://img.shields.io/badge/Visual%20Studio%20Code-0078d7.svg?style=for-the-badge&logo=visual-studio-code&logoColor=white" alt="Visual Studio Code" />
<img src="https://img.shields.io/badge/PyCharm-143?style=for-the-badge&logo=pycharm&logoColor=white&color=black&labelColor=black" alt="PyCharm" />
</div>
</div>
</div>
</body>
</html>