diff --git a/contact.php b/contact.php new file mode 100644 index 0000000..757e792 --- /dev/null +++ b/contact.php @@ -0,0 +1,41 @@ + + + + + Contact Me + + + +
+

Contact Me

+ +
+ +
+

Get In Touch

+
+ +
+ + +
+ + +
+ + +
+ + +

Your message was sent!

+ +
+ + \ No newline at end of file diff --git a/db_config.php b/db_config.php new file mode 100644 index 0000000..eaebe2c --- /dev/null +++ b/db_config.php @@ -0,0 +1,11 @@ +connect_error){ + die("connection failed: " .$conn->connect_error); +} \ No newline at end of file diff --git a/education.php b/education.php new file mode 100644 index 0000000..562d608 --- /dev/null +++ b/education.php @@ -0,0 +1,58 @@ +query($sql) === TRUE) { + echo "New education added successfully"; + } else { + echo "Error: " . $sql . "
" . $conn->error; + } +} + +// Retrieve all education entries +$sql = "SELECT * FROM education"; +$result = $conn->query($sql); +?> + + + + + + Education + + + +
+

My Education

+ +
+ +
+

Current Education

+
+ + \ No newline at end of file diff --git a/image b/image new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..e6fcd0e --- /dev/null +++ b/index.html @@ -0,0 +1,92 @@ + + + + + + My portfolio + + + + + + + +
+

WELCOME TO MY PORTFOLIO

+

Hello, i am NKUNA DAN and this is my professinal portfolio.

+
+ + +
+

PERSONAL INFO

+

Name: Nkuna dan

+

Email: hlayisanidan01@gmail.com

+

Phone: 078 602 6763

+

Bio: I am first student doing computer science at university of Limpopo

+
+ + +
+

EDUCATION

+ +
+ + +
+

WORK-EXPERIENCE

+ +
+ + +
+

SKILLS

+ +
+ + +
+

PROJECTS

+ +
+ + +
+

Contact me

+
+ + + + + + + + + + +
+ +
+ + \ No newline at end of file diff --git a/index.php b/index.php new file mode 100644 index 0000000..9a9bf38 --- /dev/null +++ b/index.php @@ -0,0 +1,32 @@ + + + + + My CV Website + + + +
+

Welcome to My CV Website

+ +
+ +
+

About Me

+

This is the homepage of my online CV website. Explore my education, skills, work_experience, projects and contact me through the navigation above.

+
+

PERSONAL INFO

+

Name: Nkuna dan

+

Email: hlayisanidan01@gmail.com

+

Phone: 078 602 6763

+

Bio: I am first student doing computer science at university of Limpopo

+
+ + \ No newline at end of file diff --git a/projects.php b/projects.php new file mode 100644 index 0000000..fcee1c6 --- /dev/null +++ b/projects.php @@ -0,0 +1,62 @@ +query($sql) === TRUE) { + echo "New project added successfully"; + } else { + echo "Error: " . $sql . "
" . $conn->error; + } +} + +// Retrieve all projects +$sql = "SELECT * FROM projects"; +$result = $conn->query($sql); +?> + + + + + + Projects + + + +
+

My Projects

+ +
+ +
+

Project

+ + +

My Projects

+ +
+ + \ No newline at end of file diff --git a/skills.php b/skills.php new file mode 100644 index 0000000..d23fb35 --- /dev/null +++ b/skills.php @@ -0,0 +1,53 @@ +query($sql) === TRUE) { + echo "New skill added successfully"; + } else { + echo "Error: " . $sql . "
" . $conn->error; + } +} + +// Retrieve all skills +$sql = "SELECT * FROM skills"; +$result = $conn->query($sql); +?> + + + + + + Skills + + + +
+

My Skills

+ +
+ +
+

Add New Skill

+ + +
+ + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..798746a --- /dev/null +++ b/styles.css @@ -0,0 +1,167 @@ + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Poppins', sans-serif; + line-height: 1.7; + background-color: #3d09e7; + color: #2e2e2e; + padding: 0 20px; +} + + +nav { + background-color: #1a1a2e; + color: hsl(0, 0%, 2%); + padding: 20px; + text-align: center; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + + +nav ul { + list-style: none; + display: flex; + justify-content: center; + gap: 30px; +} + +nav ul li { + display: inline; +} + +nav ul li a { + color: rgb(7, 7, 7); + text-decoration: none; + font-size: 1.2em; + padding: 8px 15px; + border-radius: 30px; + transition: background-color 4s ease; +} + +nav ul li a:hover { + background-color: #223cc0; +} + + +section { + margin: 30px 0; + padding: 30px; + background-color: #fff; + border-radius: 15px; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); + transition: box-shadow 0.3s ease; +} + +section:hover { + box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); +} + +h1, h2 { + color: #1a1a2e; + margin-bottom: 20px; + font-weight: 700; +} + +p, li { + font-size: 1.1em; + color: #525252; + margin-bottom: 15px; +} + + +button { + background-color: #1a1a2e; + color: white; + border: none; + padding: 10px 20px; + cursor: pointer; + font-size: 1em; + border-radius: 30px; + transition: background-color 2s ease; +} + +button:hover { + background-color: #350bed; +} + +/* List Styling */ +ul { + list-style-type: none; + padding: 0; +} + +ul li { + background-color: #e3e3e3; + padding: 15px; + margin-bottom: 10px; + border-radius: 8px; + font-size: 1.1em; + transition: background-color 0.3s ease; +} + +ul li:hover { + background-color: #180a78; + color: white; +} + + +form { + display: flex; + flex-direction: column; +} + +form label { + margin-bottom: 10px; + font-weight: 600; +} + +form input, form textarea { + margin-bottom: 20px; + padding: 15px; + border: 2px solid #1a1a2e; + border-radius: 10px; + font-size: 1.1em; + background-color: #f7f8fc; + color: #333; +} + +form button { + background-color: #3d0cd2; + border: none; + padding: 15px; + font-size: 1em; + color: rgb(8, 8, 8); + cursor: pointer; + border-radius: 30px; +} + +form button:hover { + background-color: #1a1a2e; +} + + +h2 { + border-bottom: 2px solid #060203; + display: inline-block; + padding-bottom: 10px; +} + + +@media (max-width: 768px) { + nav ul { + flex-direction: column; + } + + section { + padding: 20px; + } + + form { + width: 100%; + } +} diff --git a/work_experience.php b/work_experience.php new file mode 100644 index 0000000..4d8573b --- /dev/null +++ b/work_experience.php @@ -0,0 +1,52 @@ +query($sql) === TRUE) { + echo "New work experience added successfully"; + } else { + echo "Error: " . $sql . "
" . $conn->error; + } +} + +// Retrieve all work experience entries +$sql = "SELECT * FROM work_experience"; +$result = $conn->query($sql); +?> + + + + + + Work Experience + + + +
+

My Work Experience

+ +
+ +
+

Work Experience

+
+ + \ No newline at end of file