forked from amanjaiman1/Product_3D
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
4bb0ee1
commit a1af17b
Showing
8 changed files
with
144 additions
and
58 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,28 @@ | ||
| import React from "react"; | ||
| import { anime1, anime2 } from "../../assets"; | ||
| export default function Card(props) { | ||
| return ( | ||
| <div className="m-4 rounded-lg flex flex-col justify-center"> | ||
| <div className="m-4 flex flex-col justify-center shadow-lg shadow-indigo-500/40 p-5 bg-slate-800 rounded-lg"> | ||
| <img src={props.image} className="mb-4" /> | ||
| <p className="text-slate-400 text-sm lg:text-lg m-2 text-left"> | ||
| T-SHIRT DESIGN TIPS | ||
| </p> | ||
| <p className="text-slate-300 font-medium text-base lg:text-lg m-2 overflow-hidden text-left"> | ||
| <p className="text-slate-300 font-medium text-2xl lg:text-xl overflow-hidden text-left"> | ||
| {props.title} | ||
| </p> | ||
| <p className="text-slate-300 font-thin text-xs lg:text-sm overflow-hidden text-left mt-4 mb-4"> | ||
| {props.desc} | ||
| </p> | ||
| <div className="flex align-items items-center justify-between pt-3 pb-3"> | ||
| <div className="flex justify-between align-items items-center "> | ||
| <img | ||
| src={props.avatar} | ||
| alt="" | ||
| className="w-[40px] h-[40px] rounded-full mr-2" | ||
| /> | ||
| <h1 className="text-xl text-gray-300">{props.author}</h1> | ||
| </div> | ||
| <div> | ||
| <p className="text-normal text-gray-300">{props.date}</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,42 +1,56 @@ | ||
| import tips from "./../assets/image/tips.webp"; | ||
| import design from "./../assets/image/design.webp"; | ||
| import pro from "./../assets/image/pro.webp"; | ||
|
|
||
| import { anime1, anime2, anime3 } from "../assets"; | ||
| export default [ | ||
| { | ||
| id: 1, | ||
| image: tips, | ||
| title: | ||
| "From Concept to Creation: Proven Tips for Crafting Striking T-shirt Designs", | ||
| avatar: anime1, | ||
| desc: "Unlock the secrets of crafting eye-catching T-shirt designs with this comprehensive guide. Discover proven tips and techniques that take you from concept to creation,.....", | ||
| author: "Morgan", | ||
| date: "Jan 30, 2023", | ||
| }, | ||
|
|
||
| { | ||
| id: 2, | ||
| image: design, | ||
| title: "A Guide to T-shirt Design Success: Tips and Techniques You Need to Know", | ||
| avatar: anime2, | ||
| desc: "Embark on a journey to T-shirt design success with this indispensable guide. Learn essential tips and techniques that will elevate your designs to new heights.... ", | ||
| author: "Henry", | ||
| date: "May 1, 2023", | ||
| }, | ||
| { | ||
| id: 3, | ||
| image: pro, | ||
| title: | ||
| "Design Like a Pro: 10 Essential Tips for Creating Professional T-shirt Artwork", | ||
| avatar: anime3, | ||
| desc: "Elevate your T-shirt designs to professional levels with these ten essential tips. Unravel the secrets that seasoned designers use to create stunning T-shirt artwork..... ", | ||
| author: "Rosy", | ||
| date: "July 7, 2023", | ||
| }, | ||
| { | ||
| id: 4, | ||
| image: tips, | ||
| title: | ||
| "From Concept to Creation: Proven Tips for Crafting Striking T-shirt Designs", | ||
| }, | ||
| // { | ||
| // id: 4, | ||
| // image: tips, | ||
| // title: | ||
| // "From Concept to Creation: Proven Tips for Crafting Striking T-shirt Designs", | ||
| // avatar: {anime2}, | ||
| // }, | ||
|
|
||
| { | ||
| id: 5, | ||
| image: design, | ||
| title: "A Guide to T-shirt Design Success: Tips and Techniques You Need to Know", | ||
| }, | ||
| { | ||
| id: 6, | ||
| image: pro, | ||
| title: | ||
| "Design Like a Pro: 10 Essential Tips for Creating Professional T-shirt Artwork", | ||
| }, | ||
| // { | ||
| // id: 5, | ||
| // image: design, | ||
| // title: "A Guide to T-shirt Design Success: Tips and Techniques You Need to Know", | ||
| // avatar: {anime2}, | ||
| // }, | ||
| // { | ||
| // id: 6, | ||
| // image: pro, | ||
| // title: | ||
| // "Design Like a Pro: 10 Essential Tips for Creating Professional T-shirt Artwork", | ||
| // avatar: {anime2}, | ||
| // }, | ||
| ]; |