trying-dev/module1.html at master · imajit/trying-dev · 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
<html>
<head>
    <title> Tutorial for E-Tendering</title>
    <link rel="icon" type="image/png" href="https://www.bemlindia.in/images/logo_beml1.png" />
    <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
    <style>
        #container1{
            background-color: #f0f0f2;
            height:100%;
        }
        #container2{
            background-color: #f0f0f2;
            height:100%;
        }
        #down{
              display: flex;
              align-items: center;
            justify-content: center;
        }
        .center{
            width:45%;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }
        #para{
            background-color: #fff;
            font-family: 'Roboto Mono', monospace;
            width:50%;
            border-radius:5%;
            border-top:50px solid #f0f0f2;
            margin-left: auto;
            margin-right:auto;
            font-weight: 550;
            letter-spacing: 1.5px;
            line-height: 1.8;
            word-spacing: 6px;
            text-align: center;
        }
        #aaa{
            margin-top: 10%;
            margin-left:15%;
        }
    </style>
    </head>
    <body>
        <div id="container1">
        <div id=para>
        <img height= 25% src="https://www.bemlindia.in/images/logo_beml1.png" alt="BEML logo " class = center>
            <p>This is a tutorial which will show you how to fill the E-Tender in an easy and smoothly way. Each page contains an image which will tell you the step you need to do. The image is a screenshot of our system,so the contents may not look exactly the same on your system(e.g Mobile,Laptop,Desktop), but that's not an issue to worry about. Each image contains the instruction which you have to follow in your own system. We recommend that only after completing each step, you should move on to the next page. Hope you'll love this tutorial.
            </p>
        </div>
        <div><a href="#here" id="down"><img src="down.png" width="10%" height="5%"></a></div>
    </div>
    <div id="container2">
        <img src="sample.png" width="70%" height="70%" id="aaa">
        <label id="here"></label>
    </div>
    </body>

</html>