Photo-Transition-Website/index.html at main · HasibCoderLab/Photo-Transition-Website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/work.2.jfif" type="image/x-icon">
    <title>Photo Taransition</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<section class="top-banner">
    <div class="half-width">

<h1>Hello World</h1>
<h1><span class="highlight">Welcome</span> My Website </h1>
<p> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque quam suscipit modi. Neque eos ut dolores voluptatibus quae aliquam, eius quisquam dicta architecto tempora ea recusandae voluptatem asperiores accusantium ad? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque quam suscipit modi. Neque eos ut dolores voluptatibus quae aliquam, eius quisquam dicta architecto tempora ea recusandae voluptatem asperiores accusantium ad? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque quam suscipit modi. Neque eos ut dolores voluptatibus quae aliquam, eius quisquam dicta architecto tempora ea recusandae voluptatem asperiores accusantium ad?</p>
<a  class="link-button" target="_blank"  href="https://www.youtube.com/@CodeFusionary"> Visit my youtube</a>
    </div>


    <div class="container">
        <div class="Photo">
    <div class="half-width">
    <img src="images/work.1.jfif" alt="">
</div>
</div>
</div>
</section>


<section class="drem-area">
    <div class="half-width">
        <div class="pic">
        <img src="images/work.2.jfif" alt="">

    </div>
</div>
        <div class="half-width">
            <h1>My Drem</h1>
            <h3>World class fomuas Web Dveloper</h3>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officiis totam, aliquam, dolorem officia tenetur reiciendis unde, a consequatur sit odit est autem iusto adipisci similique voluptate earum quibusdam rerum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officiis totam, aliquam, dolorem officia tenetur reiciendis unde, a consequatur sit odit est autem iusto adipisci similique voluptate earum quibusdam rerum!Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid officiis totam, aliquam, dolorem officia tenetur reiciendis unde, a consequatur sit odit est autem iusto adipisci similique voluptate earum quibusdam rerum!</p>
            <a class="link-button" target="_blank"href="https://www.linkedin.com/in/mohammod-hasib-hasan-coder-boy/"> Creator's LinkedIn </a>
    </div>
</section>

<section>
    <h1 class="mod">My letast work</h1>
    <div class="half-width">
        <div class="box">
    <img src="images/work.3.jfif" alt="">
    </div>
    </div>


    <div class="boxx">
    <div class="half-width">
        <img src="images/work.4.jfif" alt="">
         </div>
      </div>
</section>

<section class="exparience-area">
    <h1 class="mod">Expariences</h1>

    <div  id="full" class="  half-width single">
        <h1>Full stock Web  Devoloper</h1>
        <h3 class="highlight" >2024-Present | Pro Level Web Devoloper</h3>

<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugit quis eveniet nostrum nobis voluptate in ullam quaerat, quos hic ad dolorem veniam distinctio esse, quasi quibusdam! Adipisci culpa ex consequuntur.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugit quis eveniet nostrum nobis voluptate in ullam quaerat, quos hic ad dolorem veniam distinctio esse, quasi quibusdam! Adipisci culpa ex consequuntur.
</p>
    </div>

    <div  id="baby"  class="  half-width single" >
<h1>Baby web Devoloper</h1>
<h3   class="highlight">2023 Web developer I was a Learner</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugit quis eveniet nostrum nobis voluptate in ullam quaerat, quos hic ad dolorem veniam distinctio esse, quasi quibusdam! Adipisci culpa ex consequuntur.Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugit quis eveniet nostrum nobis voluptate in ullam quaerat, quos hic ad dolorem veniam distinctio esse, quasi quibusdam! Adipisci culpa ex consequuntur. </p>
    </div>


    <footer>
        <!-- <p>© Farmid 2024,all rights reserved</p>  -->
    </footer>


</section>
</body>
</html>