SCM-project/web-project.html at main · Gurpreet0798/SCM-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Project</title>
    <link rel="stylesheet" type="text/css" href="web-project.css" />
    <script src="https://kit.fontawesome.com/3a5729830c.js" crossorigin="anonymous"></script>
</head>
<body>
    <div class="header">
        <div class="main-logo">
    <div class="logo">LOGO</div>
</div>
<div class="buttons">
    <div class="home">Home</div>
    <div class="about">About</div>
    <div class="skills">Skills</div>
    <div class="works">Works</div>
    <div class="testimonial">Testimonial</div>
    <div class="contact">Contact</div>
</div>
<div class="download-button">
    <div class="download">Download CV</div>
</div>
</div>
<div class="main-container1">
<div class="container1">
    <div class="text">
    <p class="i-text hlo">I'm a</p>
    <p class="h hlo">Creative</p>
    </div>
    <div class="text1">
    <p class="h hlo" >Web</p>
    <p class="i-text1 hlo">Developer!!</p>
    </div>
    <div class="text2">
        <p class="i-text2 hlo">I'm karan a creative web developer, i've been helping businesses</p>
        <p class="i-text2 hlo">to solve their problems with  my Developing solutionsfor 1 year</p>
    </div>
    <div class="text3">
        <div class="contactme">Contact Me</div>
        <div class="learnmore">Learn More-></div>
    </div>
</div>
<div class="container2">

</div>
</div>
<div class="basic-info">
    <div class="clients">
        <div class="num1">80+</div>
        <div class="client">Satisfied Clients</div>
    </div>
    <div class="projects">
        <div class="num1">200+</div>
        <div class="client">Projects Completed</div>
    </div>
    <div class="reviews">
        <div class="num1">99+</div>
        <div class="client">Reviews given</div>
    </div>
</div>
<div class="main-container3">
<div class="skillls">
    <p class="tag-line">
        Why Hire Me For Your
    </p>
    <p class="tag-line">
        Next Project ?
    </p>
    <div class="tag-line3">
        I'm specialist in web development.My passion is development & solving problems through user interface nd responsive
    </div>
    <p class="tag-line4">design</p>
    <div class="hire-me">Hire Me</div>
</div>
<div class="skills-tag">
    <div class="add-skill">
        <i class="fa fa-light fa-gem"></i>
        <div class="add-skill1">add skills here</div>

        <div class="add-skill2">skills</div>
    </div>
    <div class="skille">
        <i class="fa fa-thin fa-graduation-cap"></i>
        <div class="add-skill1">skills</div>
        <div class="add-skill2">skills</div>
    </div>
</div>
<div class="skulls">
    <i class="fa-solid fa-heart-pulse"></i>
    <div class="add-skill1">skills</div>
    <div class="add-skill2">skills</div>
</div>
</div>
<div class="main-container4">
    <div class="project">
        <p class="tag-line">
            MyCreative Works
        </p>
        <p class="tag-line">
            Latest Project ?
        </p>
        <div class="tag-line3">
            I have selected and mentioned here some of my latest projects to share with you
        </div>
        <div class="hire-me">Show More</div>
    </div>
    <div class="project-image"></div>
</div>
<div class="main-container5">
    <div class="reviews">
    <p class="tag-line">
        Our Customer Say
    </p>
    <p class="tag-line">
        Something About Us
    </p>
    <div class="review-image"></div>
 </div>
</div>
<div class="contactus">
    <p class="tag-line5">
        Contact
    </p>

</div>
</div>
</body>
</html>