project1/index.html at main · omar4321/project1 · 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
133
134
135
136
137
<!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> Computer Gallary</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <!-----------------Start Header area----------------------->
   <div class="header-area">

    <div class="container">

              <div class="logo-area">
              <img src="img/logo.png" alt="logo" width="120" height="130">


             </div>


               <div class="heading-area">

                     <h1>Computer Gallary</h1>
                     <h4>halishahar road, sabbujbagh, chittagong</h4>


                     <div class="menu">
                      <ul>
                        <li><a href=""> home </a></li>
                        <li><a href=""> About us </a></li>
                        <li><a href=""> how it's work </a></li>
                        <li><a href=""> categories </a></li>
                        <li><a href=""> Testimony </a></li>
                      </ul>
                    </div>
               </div>


           <div class="btm-area">

            <input type="text" placeholder="Search anything">


           </div>
    </div>

   </div>
<!-----------------end-Header-area----------------------->

  <!-----------------Start body area----------------------->
    <div class="body-area">
 <!--------Start left side------------>
      <div class="left-side">

         <div class="container">
                 <h3>our services</h3>
                   <div class="btn">

                        <ul>
                          <li><a  href="../result.html" target="_blank"> Result  </a></li>
                          <li><a href="#">  Courses </a></li>
                          <li><a href="#"> Gallery </a></li>
                          <li><a href="#"> Admission  </a></li>
                          <li><a href="#">  notice </a></li>
                        </ul>

                   </div>
         </div>

    </div>

<div class="middle-side">
  <marquee behavior="" direction="left" scrollamount="5" >
      <h2> Please bring your home work in next class.</h2>
  </marquee>
  <div class="BACKIMG">
    <img src="img/BACK.jpg" alt="img"  width="700px" height="520px" >
  </div>
</div>

  <div class="right-side">
    <div class="container">
      <div class="btn">
        <a href="#">apply now </a>
      </div>
      <div class="form">
       <form action="#">
          <h2>user login</h2>
          <div class="firstinput">
              <label for=""> user name  </label>
              <input type="text"  placeholder="Enter your user name" >
          </div>
          <div class="secendinput">
            <label for="">Password</label>
            <input type="password" placeholder="password">
          </div>
          <div class="submit">
            <button type="submit"> login </button>
          </div>
       </form>
      </div>

      <div class="profile">
        <img src="img/Akib.jpg" alt="profile" width="150px" height="180px">
        <h4> Omar faruk Akib</h4>
        <h6> Trainer&Developer </h6>
      </div>
    </div>
   </div>
     </div>


   <!-----------------end body area----------------------->

   <div class="Fotter-area">


    <div class="language">
      <ul>
        <li><a href="#">Arabic</a></li>
        <li><a href="#">bengli us</a></li>
        <li><a href="#">English uk</a> </li>
        <li><a href="#"> Spanish</a>  </li>
        <li><a href="#">chinies</a></li>
        <li><a href="#"> Hindi</a></li>

      </ul>
    </div>
    <p> &copy;   it world  </p>
   </div>

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