diff --git a/c4iraq.sql b/c4iraq.sql deleted file mode 100644 index 2a67a0b..0000000 --- a/c4iraq.sql +++ /dev/null @@ -1,17 +0,0 @@ - -- ##### Table Profile ####### - -- user - -- img - -- name - -- email - -- city - -- about - -- langProg - -- ############################ - - -- ##### Table link ####### - -- user - -- gihub - -- facebook - -- linkend - -- ############################ - \ No newline at end of file diff --git a/libs/View.php b/libs/View.php index 37dd0d0..0f30c95 100644 --- a/libs/View.php +++ b/libs/View.php @@ -1,8 +1,9 @@ - li { - position: relative; - min-height: 50px; - margin-bottom: 50px; +.timeline>li { + position: relative; + min-height: 50px; + margin-bottom: 50px; } -.timeline > li:after, .timeline > li:before { - display: table; - content: ' '; +.timeline>li:after, +.timeline>li:before { + display: table; + content: ' '; } -.timeline > li:after { - clear: both; +.timeline>li:after { + clear: both; } -.timeline > li .timeline-panel { - position: relative; - float: right; - width: 100%; - padding: 0 20px 0 100px; - text-align: left; +.timeline>li .timeline-panel { + position: relative; + float: right; + width: 100%; + padding: 0 20px 0 100px; + text-align: left; } -.timeline > li .timeline-panel:before { - right: auto; - left: -15px; - border-right-width: 15px; - border-left-width: 0; +.timeline>li .timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; } -.timeline > li .timeline-panel:after { - right: auto; - left: -14px; - border-right-width: 14px; - border-left-width: 0; +.timeline>li .timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; } -.timeline > li .timeline-image { - position: absolute; - z-index: 100; - left: 0; - width: 80px; - height: 80px; - margin-left: 0; - text-align: center; - color: rgb(209, 32, 32); - border: 7px solid #e9ecef; - border-radius: 100%; - background-color: #fed936; +.timeline>li .timeline-image { + position: absolute; + z-index: 100; + left: 0; + width: 80px; + height: 80px; + margin-left: 0; + text-align: center; + color: rgb(209, 32, 32); + border: 7px solid #e9ecef; + border-radius: 100%; + background-color: #fed936; } -.timeline > li .timeline-image h4 { - font-size: 10px; - line-height: 14px; - margin-top: 12px; +.timeline>li .timeline-image h4 { + font-size: 10px; + line-height: 14px; + margin-top: 12px; } -.timeline > li.timeline-inverted > .timeline-panel { - float: right; - padding: 0 20px 0 100px; - text-align: left; +.timeline>li.timeline-inverted>.timeline-panel { + float: right; + padding: 0 20px 0 100px; + text-align: left; } -.timeline > li.timeline-inverted > .timeline-panel:before { - right: auto; - left: -15px; - border-right-width: 15px; - border-left-width: 0; +.timeline>li.timeline-inverted>.timeline-panel:before { + right: auto; + left: -15px; + border-right-width: 15px; + border-left-width: 0; } -.timeline > li.timeline-inverted > .timeline-panel:after { - right: auto; - left: -14px; - border-right-width: 14px; - border-left-width: 0; +.timeline>li.timeline-inverted>.timeline-panel:after { + right: auto; + left: -14px; + border-right-width: 14px; + border-left-width: 0; } -.timeline > li:last-child { - margin-bottom: 0; +.timeline>li:last-child { + margin-bottom: 0; } .timeline .timeline-heading h4 { - margin-top: 0; - color: inherit; + margin-top: 0; + color: inherit; } .timeline .timeline-heading h4.subheading { - text-transform: none; + text-transform: none; } -.timeline .timeline-body > ul, -.timeline .timeline-body > p { - margin-bottom: 0; +.timeline .timeline-body>ul, +.timeline .timeline-body>p { + margin-bottom: 0; } @media (min-width: 768px) { - .timeline:before { - left: 50%; - } - .timeline > li { - min-height: 100px; - margin-bottom: 100px; - } - .timeline > li .timeline-panel { - float: left; - width: 41%; - padding: 0 20px 20px 30px; - text-align: right; - } - .timeline > li .timeline-image { - left: 50%; - width: 100px; - height: 100px; - margin-left: -50px; - } - .timeline > li .timeline-image h4 { - font-size: 13px; - line-height: 18px; - margin-top: 16px; - } - .timeline > li.timeline-inverted > .timeline-panel { - float: right; - padding: 0 30px 20px 20px; - text-align: left; - } + .timeline:before { + left: 50%; + } + .timeline>li { + min-height: 100px; + margin-bottom: 100px; + } + .timeline>li .timeline-panel { + float: left; + width: 41%; + padding: 0 20px 20px 30px; + text-align: right; + } + .timeline>li .timeline-image { + left: 50%; + width: 100px; + height: 100px; + margin-left: -50px; + } + .timeline>li .timeline-image h4 { + font-size: 13px; + line-height: 18px; + margin-top: 16px; + } + .timeline>li.timeline-inverted>.timeline-panel { + float: right; + padding: 0 30px 20px 20px; + text-align: left; + } } @media (min-width: 992px) { - .timeline > li { - min-height: 150px; - } - .timeline > li .timeline-panel { - padding: 0 20px 20px; - } - .timeline > li .timeline-image { - width: 150px; - height: 150px; - margin-left: -75px; - } - .timeline > li .timeline-image h4 { - font-size: 18px; - line-height: 26px; - margin-top: 30px; - } - .timeline > li.timeline-inverted > .timeline-panel { - padding: 0 20px 20px; - } + .timeline>li { + min-height: 150px; + } + .timeline>li .timeline-panel { + padding: 0 20px 20px; + } + .timeline>li .timeline-image { + width: 150px; + height: 150px; + margin-left: -75px; + } + .timeline>li .timeline-image h4 { + font-size: 18px; + line-height: 26px; + margin-top: 30px; + } + .timeline>li.timeline-inverted>.timeline-panel { + padding: 0 20px 20px; + } } @media (min-width: 1200px) { - .timeline > li { - min-height: 170px; - } - .timeline > li .timeline-panel { - padding: 0 20px 20px 100px; - } - .timeline > li .timeline-image { - width: 170px; - height: 170px; - margin-left: -85px; - } - .timeline > li .timeline-image h4 { - margin-top: 40px; - } - .timeline > li.timeline-inverted > .timeline-panel { - padding: 0 100px 20px 20px; - } + .timeline>li { + min-height: 170px; + } + .timeline>li .timeline-panel { + padding: 0 20px 20px 100px; + } + .timeline>li .timeline-image { + width: 170px; + height: 170px; + margin-left: -85px; + } + .timeline>li .timeline-image h4 { + margin-top: 40px; + } + .timeline>li.timeline-inverted>.timeline-panel { + padding: 0 100px 20px 20px; + } } - - - /* start hover */ +.title-arch { + text-align: center; + margin: 50px 0; + font-size: 22px; + + font-family: var(--fontElMessiri) +} - - .title-arch { - text-align: center; - margin: 50px 0; - font-size: 22px; - padding-top: 50px ; - font-family: var(--fontElMessiri) - } .project { - width: 100%; - height: 500px; - background-image: url(); - background-size: cover; - background-position: center; - padding: 0 !important; - float:left; + width: 100%; + height: 500px; + background-image: url(); + background-size: cover; + background-position: center; + padding: 0 !important; + float: left; } - - - .project-hover { - width: 100%; - height: 100%; - color: #fff; - opacity: 0; - transition: all 0.5s ease; - background-color: rgba(5, 54, 47, 0.7); - padding: 40% 30px !important; + width: 100%; + height: 100%; + color: #fff; + opacity: 0; + transition: all 0.5s ease; + background-color: rgba(5, 54, 47, 0.7); + padding: 40% 30px !important; } .project-hover hr { - height: 30px; - width: 0; - transition: all 0.5s ease; - background-color: rgba(255, 255, 255, 1); - border: 0; + height: 30px; + width: 0; + transition: all 0.5s ease; + background-color: rgba(255, 255, 255, 1); + border: 0; } .project-hover a { - color: rgba(255, 255, 255, 1); - padding: 3px 22px 9px; - line-height: 40px; + color: rgba(255, 255, 255, 1); + padding: 3px 22px 9px; + line-height: 40px; border: 2px solid rgba(255, 255, 255, 1); border-radius: 10px; - transition: all 0.5s ease-in-out; + transition: all 0.5s ease-in-out; } .project-hover a:hover { - border-color: rgba(51, 51, 51, 1); - color: rgba(51, 51, 51, 1); - background-color: #FFF; + border-color: rgba(51, 51, 51, 1); + color: rgba(51, 51, 51, 1); + background-color: #FFF; } .project:hover .project-hover { - opacity: 1; + opacity: 1; } .project:hover .project-hover hr { - width: 100%; - height: 3px; + width: 100%; + height: 3px; } - - /* services */ -.services{ +.services { margin-top: 80px; padding-bottom: 50px; - font-family: var(--fontChanga) - + font-family: var(--fontChanga) } - -.services h2{ +.services h2 { padding-bottom: 50px; - padding-top: 50px ; + padding-top: 50px; } + .service-heading { - margin: 10px 0; - text-transform: none; + margin: 10px 0; + text-transform: none; } -.regester{ -color: snow; -padding-top: 100px; - background-image: url("../img/FOOTER.jpg"); - background-size: cover; - background-repeat: no-repeat; +.regester { + color: snow; + padding-top: 100px; + background-image: url("../img/FOOTER.jpg"); + background-size: cover; + background-repeat: no-repeat; } - -.rtl-text{ - text-align: right; -} +.rtl-text { + text-align: right; +} \ No newline at end of file diff --git a/public/css/pro.css b/public/css/pro.css new file mode 100644 index 0000000..aa55ee2 --- /dev/null +++ b/public/css/pro.css @@ -0,0 +1,193 @@ +:root { + --main-color: #00494e; + --sec: #42a7fa; + --font: rgb(170, 221, 255); + --fontChanga: 'Changa', 'Helvetica Neue', Helvetica, Arial, sans-serif; + --fontElMessiri: 'El Messiri', 'Helvetica Neue', Helvetica, Arial, sans-serif; + --fontMirza: 'Amiri', 'Helvetica Neue', Helvetica, Arial, sans-serif; +} + +.container1 { + background: linear-gradient(-90deg, rgb(175, 223, 255), rgb(193, 200, 206)); + display: flex; + --c: rgba(255, 255, 255, 0.03); + --t: transparent; + background-image: repeating-linear-gradient(45deg, var(--c) 0, var(--c) 20px, var(--t) 20px, var(--t) 32px, var(--c) 32px, var(--c) 44px, var(--t) 44px, var(--t) 56px, var(--c) 56px, var(--c) 68px, var(--t) 68px, var(--t) 80px, var(--c) 0), repeating-linear-gradient(-45deg, var(--c) 0, var(--c) 20px, var(--t) 20px, var(--t) 32px, var(--c) 32px, var(--c) 44px, var(--t) 44px, var(--t) 56px, var(--c) 56px, var(--c) 68px, var(--t) 68px, var(--t) 80px, var(--c) 0), linear-gradient(to bottom right, rgb(170, 216, 253), rgb(10, 170, 191)); + width: 100%; +} + +.container1 .side0 { + display: flex; + width: auto; + /* border: 1px solid violet; */ + justify-content: flex-start; + align-content: center; + flex-direction: column; + padding: 20px; +} + +.container1 .image0, +.container1 .name0, +.container1 .social { + width: 200px; + text-align: center; + font-family: var(--fontElMessiri); + margin-top: 20px; +} + +.container1 .image0 img { + margin: 50px auto 0; + width: 200px; + height: 200px; + border-radius: 50%; + border: 10px solid rgb(248, 247, 247); +} + +.container1 .side2 h3 { + text-align: center; +} + +.container1 hr { + border: 2px solid white; + width: 100px; + border-radius: 5px; +} + +.container1 .social a { + text-decoration: none; + color: white; + margin: 0px 8px; +} + +.container1 .info0 { + background-color: rgb(248, 248, 248); + margin-top: 50px; + border-radius: 10px; +} + +.container1 .info0 h2, +.container1 .info0 h3, +.container1 .info0 p { + color: #00494e; + text-align: right; +} + +.container1 .about, +.container1 .personal { + background-color: white; + margin: 20px; + padding: 20px; + width: 650px; + padding: 10 50 10 10; + box-shadow: 1px 1px 10px rgba(139, 139, 139, 0.2); + border-radius: 10px; + font-family: var(--fontElMessiri) +} + +.container1 .about, +.container1 .personal p { + font-family: var(--fontChanga); +} + +.container1 .rig { + margin-top: 50px; +} + +.container1 .rig img { + display: inline-block; + width: 50px; + height: 50px; +} + +.container1 .rig p { + margin: 0px auto 10px; + display: inline-block; + vertical-align: 20px; + font-weight: bolder; + font-family: var(--fontElMessiri) +} + +.container1 .personal ul { + display: flex; + padding-left: 0px; + list-style-type: none; + justify-content: flex-start; + flex-wrap: wrap; + padding: 0; +} + +.container1 .side2 { + display: flex; + width: 220px; + margin: 50px auto; + /* border: 1px solid violet; */ + justify-content: space-between; + align-content: center; + flex-direction: column; + padding-top: 30px; + + font-family: var(--fontElMessiri) +} + +.container1 .side2 li { + display: flex; + margin: 5px; + background-color: rgb(207, 232, 253); + padding: 0px 5px 0 0; + border-radius: 5px; + border: 2px solid var(--sec); +} + +.container1 .side2 li span { + display: flex; + color: var(--main-font); + padding: 5px 5px; + background-color: rgb(255, 255, 255); + border-radius: 5px; +} + +.container1 .side2 ul { + display: flex; + margin: 0px 0px 20px; + width: 90%; + list-style-type: none; + justify-content: flex-start; + flex-wrap: wrap; + padding: 0; +} + +.container1 .personal li { + display: flex; + color: rgb(10, 170, 191); + margin: 5px; + border-radius: 10px; + border: 2.5px solid rgb(10, 170, 191); +} + +.container1 .personal li span { + + color: rgb(10, 170, 191); + padding: 5px 10px; + background-color: rgb(255, 255, 255); + border-radius: 8px 0px 0px 8px; +} + +.container1 .personal li div { + + color: rgb(255, 255, 255); + padding: 5px 10px; + background-color: rgb(10, 170, 191); + border-radius: 0px 8px 8px 0px; +} + +.container1 .personal h3, +.container1 .personal h2 { + margin: 0px; + font-size: 30px; +} + +.container1 .name h2, +.container1 .side2 h3 { + text-align: center; + font-size: 20px; +} \ No newline at end of file diff --git a/public/css/profileStyle.css b/public/css/profileStyle.css deleted file mode 100644 index 0eba91d..0000000 --- a/public/css/profileStyle.css +++ /dev/null @@ -1,38 +0,0 @@ -.member-1 { - background-image: url("../img/team/1.jpg"); - background-repeat: no-repeat; - background-size: cover; - font-family: var(--fontMirza); -} - - -.main-section{ - border:1px solid #138496; - background-color: #fff; -} -.profile-header { - background-repeat:round; - height:150px; -} -.user-detail{ - margin:-50px 0px 30px 0px; -} -.user-detail img{ - height:100px; - width:100px; -} -.user-detail h5{ - margin:15px 0px 5px 0px; -} -.user-social-detail{ -2 background-color: #333; -} -.user-social-detail a i{ - color:#fff; - font-size:23px; - padding: 10px 0px 0px 10px; -} - -.user-social-detail a { - margin-left: 10px; -} diff --git a/public/img/user.png b/public/img/user.png new file mode 100644 index 0000000..a154291 Binary files /dev/null and b/public/img/user.png differ diff --git a/view/index.php b/view/index.php index 260cc9a..b602523 100644 --- a/view/index.php +++ b/view/index.php @@ -48,7 +48,7 @@
- +

الحلول البرمجية

نقدم كل مايخص المواطن الواسطي وجميع الامور التي تسهل الحياة ونسعى لتحشيد كافة الطاقات من اجل خدمة شعب @@ -58,17 +58,17 @@

- +

مشاريع مفتوحة المصدر

-

جميع المشاريع التي نقدمها هي مشاريع مفتوحة المصدر يمكن لجميع من يحتاجها اعادةاستخدامها لخدمة ابناء وطنة +

جميع المشاريع التي نقدمها هي مشاريع مفتوحة المصدر يمكن لجميع من يحتاجها اعادةاستخدامها لخدمة ابناء وطنه مجانا

- +

التدريب المستمر

نضمن التدريب المستمر لجميع اعضاء الفريق وفق اخر التقنيات واطر العمل ونسعى لتحقيق فريق متكامل يتمكن جميع diff --git a/view/layout/header.php b/view/layout/header.php index 262e30d..4d46d27 100644 --- a/view/layout/header.php +++ b/view/layout/header.php @@ -17,9 +17,9 @@ - + "> - "> + "> diff --git a/view/layout/navbar.php b/view/layout/navbar.php index b070255..d729cfb 100644 --- a/view/layout/navbar.php +++ b/view/layout/navbar.php @@ -25,5 +25,5 @@ ?>

- البرمجة من اجل العراق | فريق واسط + البرمجة من اجل العراق | فريق واسط diff --git a/view/profile/profile.php b/view/profile/profile.php index 337f88b..ce6c223 100644 --- a/view/profile/profile.php +++ b/view/profile/profile.php @@ -1,53 +1,108 @@ -
-
- -
-
-
-
')" - >
+ +
+
+
+ db['img'] );?>" > +
+ +
+

db['fullName'];?>

+
+

مطور +
مصمم كرافك

+
+ +
+ + +
+
+ +

الملف الشخصي

+ +
+
+ + + +

مرحبا انا db['fullName'];?>

+

db['about'];?>

+
+ +
+

معلومات شخصية

+

+

    +
  • الاسم الكامل:
    + db['fullName'];?> +
    • +
  • تاريخ الميلاد:
    + 1985 +
    • +
  • الجنس:
    + ذكر +
    • +
  • البريد الالكتروني:
    + info@codeforiraq.org +
    • + +
  • رقم الهاتف:
    + 07807070752 +
    • +
  • العنوان:
    + واسط- الحي - دور الشؤون +
    • +
  • الموقع الالكتروني:
    + www.homewearcon.com +
    • + + +
+

-
-
- db['img'] );?>" class="rounded-circle"> -
db['fullName'];?>
-

العراق / واسط /db['city'];?>

- - -
-
- - - - - - - - -
-
- - -
- - -
-
-
-

- db['about'];?> -

-
-
-
+
+
+
+

المهارات والخبرات

+
+
-
-
+

+

    db['langProg']) as $key => $value) { ?> +
  • + +
    • + + +
+

+

الشهادات والدورات

+
+

+

    +
  • + البرمجة بكافة اللغات +
    • +
  • + التعامل مع الحوارزميات +
    • + +
  • + خبرة لمدة ثلاث سنوات مع قواعد البيانات +
    • +
  • + و صيانة الهاتف المحمول +
    • + + + +
+

+
+