Skip to content

Commit 3aad570

Browse files
Daniel1000cDaniel1000c
committed
add project highlights section and project highlight items
1 parent 03beb24 commit 3aad570

File tree

1 file changed

+123
-12
lines changed

1 file changed

+123
-12
lines changed

‎index.html‎

Lines changed: 123 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -55,21 +55,132 @@ <h2 class="typeWriter">Welcome to <span>ScriptLab</span></h2>
5555
</section>
5656

5757
<!--About section-->
58-
<section class="sectionBg" id="about">
59-
<h2>About ScriptLab</h2>
60-
58+
<section id="about">
59+
<h2>Site Background</h2>
6160

6261
<!--Create container to hold img and text-->
6362
<div class="aboutContainer">
64-
<!--Insert company logo-->
65-
<img src="images/scriptbigfont-removebg-preview.png" alt="ScriptLab">
66-
67-
<p>
68-
Script Lab is a portfolio website meant for showing Intermediate
69-
JavaScript and HTML/CSS projects. This website is a work in progress and
70-
will be updated as projects are completed. This website will incorporate projects
71-
using JavaScript API, React, Json, WordPress, and more.
72-
</p>
63+
<!--Create project highlights container-->
64+
<div class="projectHighlights">
65+
<!--Create project highlights items-->
66+
<div class="projectHighlightItem">
67+
68+
<!--Insert project highlight boxicon-->
69+
<i class='bx bxs-user-detail'></i>
70+
71+
<!--Project Title-->
72+
<h3>Web API</h3>
73+
74+
<!--Create lorem ipsum-->
75+
<p>
76+
Implemented and integrated third-party APIs to fetch and display real-time data dynamically.
77+
Designed efficient API calls to improve performance, ensuring seamless interaction between
78+
client and server-side applications.
79+
</p>
80+
81+
</div>
82+
83+
<div class="projectHighlightItem">
84+
85+
<!--Insert project highlight boxicon-->
86+
<i class='bx bxl-jquery'></i>
87+
88+
<!--Project Title-->
89+
<h3>Libraries</h3>
90+
91+
<!--Create lorem ipsum-->
92+
<p>
93+
Worked with powerful JavaScript libraries such as jQuery to streamline
94+
development, improve interactivity, and handle asynchronous operations efficiently.
95+
Leveraged pre-built functions and plugins to enhance functionality while maintaining clean and maintainable code.
96+
</p>
97+
98+
</div>
99+
100+
<div class="projectHighlightItem">
101+
102+
<!--Insert project highlight boxicon-->
103+
<i class='bx bx-grid'></i>
104+
105+
<!--Project Title-->
106+
<h3>FrameWorks</h3>
107+
108+
<!--Create lorem ipsum-->
109+
<p>
110+
Developed applications using frameworks like React to create modular, scalable, and high-performance web solutions.
111+
Focused on component-based architecture, state management,
112+
and reusable UI elements to improve development efficiency.
113+
</p>
114+
115+
</div>
116+
117+
<div class="projectHighlightItem">
118+
119+
<!--Insert project highlight boxicon-->
120+
<i class='bx bxs-data'></i>
121+
122+
<!--Project Title-->
123+
<h3>CMS</h3>
124+
125+
<!--Create lorem ipsum-->
126+
<p>
127+
Customized and developed CMS-based websites, optimizing usability and flexibility for content creators.
128+
Implemented custom themes, plugins,
129+
and backend modifications to enhance functionality while ensuring an intuitive user experience.
130+
</p>
131+
132+
</div>
133+
134+
<div class="projectHighlightItem">
135+
136+
<!--Insert project highlight boxicon-->
137+
<i class='bx bxs-file-json'></i>
138+
139+
<!--Project Title-->
140+
<h3>JSON</h3>
141+
142+
<!--Create lorem ipsum-->
143+
<p>
144+
Utilized JSON as a lightweight data format for transmitting and storing structured information between applications.
145+
Implemented JSON parsing and manipulation techniques to efficiently handle data from APIs and local storage,
146+
enhancing web application performance.
147+
</p>
148+
149+
</div>
150+
151+
<div class="projectHighlightItem">
152+
153+
<!--Insert project highlight boxicon-->
154+
<i class='bx bxl-javascript'></i>
155+
156+
<!--Project Title-->
157+
<h3>Js Game</h3>
158+
159+
<!--Create lorem ipsum-->
160+
<p>
161+
Designed and developed an interactive JavaScript game with engaging mechanics and smooth animations.
162+
Focused on logic-driven gameplay, event handling,
163+
and responsive controls to provide an immersive experience across various devices.
164+
</p>
165+
166+
</div>
167+
168+
</div>
169+
170+
<!--Create container to hold img and text-->
171+
<div class="aboutContent">
172+
<!--Insert company logo-->
173+
<img src="images/scriptbigfont-removebg-preview.png" alt="ScriptLab">
174+
175+
<h2>About ScriptLab</h2>
176+
177+
<p>
178+
Script Lab is a portfolio website meant for showing Intermediate
179+
JavaScript and HTML/CSS projects. This website is a work in progress and
180+
will be updated as projects are completed. This website will incorporate projects
181+
using JavaScript API, React, Json, WordPress, and more.
182+
</p>
183+
</div>
73184
</div>
74185
</section>
75186

0 commit comments

Comments
 (0)