|
6 | 6 | <title>CodeCanvas - Showcase Front-End Projects</title> |
7 | 7 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> |
8 | 8 | <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet"> |
| 9 | + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> |
| 10 | + <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
9 | 11 | <link rel="stylesheet" href="style.css"> |
10 | 12 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
11 | 13 | </head> |
@@ -97,40 +99,6 @@ <h3>No projects found</h3> |
97 | 99 | </div> |
98 | 100 | </section> |
99 | 101 |
|
100 | | - <!-- Developer Reviews Section --> |
101 | | - <section class="reviews-section" id="reviews" style="padding: 80px 0; background-color: #f9f9f9;"> |
102 | | - <div class="container" style="max-width: 1100px; margin: 0 auto;"> |
103 | | - <h2 class="section-title" style="text-align: center; font-size: 3rem; font-weight: bold; margin-bottom: 50px;color:#4b0082;">Developer Reviews</h2> |
104 | | - <div class="reviews-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px;"> |
105 | | - <div class="review-card" style="background: white; padding: 25px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);"> |
106 | | - <h3>Jane Doe</h3> |
107 | | - <p style="font-style: italic;">"CodeCanvas has completely changed the way I discover front-end projects. Super intuitive!"</p> |
108 | | - <p style="color: #777;">Frontend Developer</p> |
109 | | - </div> |
110 | | - <div class="review-card" style="background: white; padding: 25px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);"> |
111 | | - <h3>Raj Patel</h3> |
112 | | - <p style="font-style: italic;">"A must-have platform for developers looking to showcase their UI/UX skills."</p> |
113 | | - <p style="color: #777;">Open Source Contributor</p> |
114 | | - </div> |
115 | | - <div class="review-card" style="background: white; padding: 25px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);"> |
116 | | - <h3>Maria Gonzales</h3> |
117 | | - <p style="font-style: italic;">"I’ve found so many cool projects to contribute to. Highly recommended!"</p> |
118 | | - <p style="color: #777;">Full Stack Developer</p> |
119 | | - </div> |
120 | | - <div class="review-card" style="background: white; padding: 25px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);"> |
121 | | - <h3>Leo Kim</h3> |
122 | | - <p style="font-style: italic;">"Love the simplicity and design. It's like Behance but for front-end developers."</p> |
123 | | - <p style="color: #777;">UI/UX Designer</p> |
124 | | - </div> |
125 | | - <div class="review-card" style="background: white; padding: 25px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);"> |
126 | | - <h3>Sara Ahmed</h3> |
127 | | - <p style="font-style: italic;">"Great place to get feedback on your code and build your portfolio!"</p> |
128 | | - <p style="color: #777;">JavaScript Enthusiast</p> |
129 | | - </div> |
130 | | - </div> |
131 | | - </div> |
132 | | - </section> |
133 | | - |
134 | 102 | <!-- DEVELOPER REVIEW SECTION --> |
135 | 103 |
|
136 | 104 | <!-- Developer Reviews Section --> |
|
0 commit comments