File size: 6,077 Bytes
d9b792e
 
ac623be
d9b792e
023048d
d9b792e
 
 
 
 
 
 
 
 
ac623be
d9b792e
ac623be
d9b792e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13a3bbb
d9b792e
 
ac623be
d9b792e
 
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
<html lang="ar" dir="rtl">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>تبيان</title>
    <link rel="preload" href="{{ url_for('static', filename='ksaa.css') }}" as="style">
    <link rel="stylesheet" href="{{ url_for('static', filename='ksaa.css') }}" data-n-g="">
    <!-- Remove the meta tag for keywords -->
    <!-- Remove unnecessary list items from the navigation menu -->
    <!-- Replace the logo with your own logo -->
    <style>
        /* Your custom styles here */
    </style>
</head>

<body>
    <div id="__next" data-reactroot="">
        <div id="content">

            <!-- Header -->
            <header class="header-inside">
                <div class="container">
                    <nav class="navbar navbar-expand-lg home-nav">
                        <nav class="navbar navbar-light m-0 mr-4">
                            <!-- Replace this logo with your own -->
                            <img src="path_to_your_logo.png" alt="Your Logo" height="45">
                        </nav>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
                            aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                            <img src="{{ url_for('static', filename='imgs/menu-black.svg') }}" width="25px;" alt="menu">
                        </button>
                        <div class="collapse navbar-collapse responsive-light" id="navbarNav">
                            <ul class="navbar-nav Traditional_nav__zD2_d bg-white border-1">
                                <!-- Navigation items -->
                            </ul>
                        </div>
                        <!-- Add your logo here -->
                        <a href="" class="ml-5 hide-md hide-xs">
                            <img src="{{ url_for('static', filename='imgs/logoA.png') }}" height="45"
                                alt="Your Logo">
                        </a>
                    </nav>
                </div>
            </header>

            <!-- Main Content -->
            <main class="pages-bg">
                <header class="header-inside">
                    <main class="sub-menu ">
                        <div class="container mx-auto ">
                            <form action="/" method="" class="pb-1 pt-5">
                                <div
                                    class="row no-gutters justify-content-between custom-search bg-white rounded-5 border-1">
                                    <div class="col-xs-12 col-sm-8 col-lg-8 row no-wrap justify-content-between pl-3 ">
                                        <img alt="search icon" src="/assets/img/searchIcon.png" class="search-icon">
                                        <div class="form-group ">
                                            <div class="MuiAutocomplete-root" role="combobox" aria-expanded="false"
                                                style="width: 300px;">
                                                <div
                                                    class="MuiFormControl-root MuiTextField-root MuiFormControl-fullWidth">
                                                    <!-- Change the label text and placeholder -->
                                                    <label
                                                        class="MuiFormLabel-root MuiInputLabel-root MuiInputLabel-formControl MuiInputLabel-animated"
                                                        data-shrink="false" for="autocomplete-box"
                                                        id="autocomplete-box-label">اكتب وصف للصورة التي تود من النظام التوليدي انشاءها</label>
                                                    <div
                                                        class="MuiInputBase-root MuiInput-root MuiInput-underline MuiAutocomplete-inputRoot MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-adornedEnd">
                                                        <input aria-invalid="false" autocomplete="off"
                                                            id="autocomplete-box" name="word"
                                                            placeholder="اكتب وصف للصورة التي تود من النظام التوليدي انشاءها"
                                                            type="text"
                                                            class="MuiInputBase-input MuiInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd"
                                                            aria-autocomplete="list" autocapitalize="none"
                                                            spellcheck="false" value="">
                                                        <div class="MuiAutocomplete-endAdornment"></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class=" col-xs-12 col-sm-4 col-lg-4 p-0"><input type="submit"
                                            class="m-0 rounded-5 " value="انشئ"></div>
                                </div>
                                <div class="search-letters mt-5">
                                    <ul>
                                        <!-- Arabic letters -->
                                    </ul>
                                </div>
                            </form>
                        </div>
                    </main>
                </header>

                <!-- Your main content here -->

            </main>
        </div>
    </div>

</body>

</html>